You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 lines
22 KiB
JavaScript
159 lines
22 KiB
JavaScript
import{bZ as hn,eb as fn,f as k,ec as vn,L as O,J as d,M as $,K as q,aO as we,af as mn,ag as pn,C as _n,P as bn,Q as Ve,W as gn,H as M,U as xn,V as wn,E as ye,a9 as se,aD as yn,a4 as ke,ba as kn,av as ie,m as y,bb as $n,bc as Sn,a6 as Cn,bd as Rn,aQ as zn,aa as Z,ad as G,ab as $e,o as C,c as R,h as l,t as E,j as g,a as u,w as _,i as S,ed as Vn,s as A,bn as Tn,ee as Se,F as Te,v as Be,br as Bn,e as Mn,bs as Me,y as Fn,_ as Dn,ef as In,k as de,bE as Hn,bF as An,u as Nn,d as Ce}from"./index.d4f4141b.js";import{_ as Fe}from"./Input.1f3771e5.js";import{_ as Pn}from"./Table.f677c4c3.js";import"./Suffix.55fd8a9d.js";const Un=t=>{const a="rgba(0, 0, 0, .85)",h="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:i,primaryColor:s,baseColor:r,cardColor:v,modalColor:b,popoverColor:m,borderRadius:z,fontSize:N,opacityDisabled:F}=t;return Object.assign(Object.assign({},fn),{fontSize:N,markFontSize:N,railColor:i,railColorHover:i,fillColor:s,fillColorHover:s,opacityDisabled:F,handleColor:"#FFF",dotColor:v,dotColorModal:b,dotColorPopover:m,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:r,indicatorBorderRadius:z,dotBorder:`2px solid ${i}`,dotBorderActive:`2px solid ${s}`,dotBoxShadow:""})},En={name:"Slider",common:hn,self:Un};var On=En;function Re(t){return window.TouchEvent&&t instanceof window.TouchEvent}function ze(){const t=k(new Map),a=h=>i=>{t.value.set(h,i)};return vn(()=>{t.value.clear()}),[t,a]}var jn=O([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%;
|
|
`,[q("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;
|
|
`),O("&:hover",[d("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[q("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)"},[q("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);
|
|
`,[q("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);
|
|
`,[O("&:hover",`
|
|
box-shadow: var(--n-handle-box-shadow-hover);
|
|
`)]),O("&:focus",[d("slider-handle",`
|
|
box-shadow: var(--n-handle-box-shadow-focus);
|
|
`,[O("&: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);
|
|
`,[we()]),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;
|
|
`),we()]),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:i}=bn(t),s=Ve("Slider","-slider",jn,On,t,a),r=k(null),[v,b]=ze(),[m,z]=ze(),N=k(new Set),F=gn(t),{mergedDisabledRef:j}=F,ue=M(()=>{const{step:e}=t;if(Number(e)<=0||e==="mark")return 0;const n=e.toString();let o=0;return n.includes(".")&&(o=n.length-n.indexOf(".")-1),o}),ee=k(t.defaultValue),Ie=xn(t,"value"),ne=wn(Ie,ee),V=M(()=>{const{value:e}=ne;return(t.range?e:[e]).map(_e)}),ce=M(()=>V.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}),T=k(-1),fe=k(-1),I=k(-1),H=k(!1),L=k(!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=V.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}%`}}),Ne=M(()=>{const e=[],{marks:n}=t;if(n){const o=V.value.slice();o.sort((x,w)=>x-w);const{value:c}=te,{value:f}=ce,{range:p}=t,B=f?()=>!1:x=>p?x>=o[0]&&x<=o[o.length-1]:x<=o[0];for(const x of Object.keys(n)){const w=Number(x);e.push({active:B(w),label:n[x],style:{[c]:`${Y(w)}%`}})}}return e});function Pe(e,n){const o=Y(e),{value:c}=te;return{[c]:`${o}%`,zIndex:n===T.value?1:0}}function ve(e){return t.showTooltip||I.value===e||T.value===e&&H.value}function Ue(e){return H.value?!(T.value===e&&fe.value===e):!0}function Ee(e){var n;~e&&(T.value=e,(n=v.value.get(e))===null||n===void 0||n.focus())}function Oe(){m.value.forEach((e,n)=>{ve(n)&&e.syncPosition()})}function me(e){const{"onUpdate:value":n,onUpdateValue:o}=t,{nTriggerFormInput:c,nTriggerFormChange:f}=F;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}=V;e.join()!==o.join()&&me(e)}}else Array.isArray(e)||V.value[0]!==e&&me(e)}function oe(e,n){if(t.range){const o=V.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 x;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;x=J(n,[Number((le*p).toFixed(B)),Number((re*p).toFixed(B)),...f],o)}else{const w=Le(e);x=J(e,[...f,w])}return x?_e(x.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(Number(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=r.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=T.value;if(n===-1)return;const{step:o}=t,c=V.value[n],f=Number(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=V.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(),Ee(p),Ke(),oe(ae(c,V.value[p]),p))}function Ke(){H.value||(H.value=!0,Z("touchend",document,W),Z("mouseup",document,W),Z("touchmove",document,Q),Z("mousemove",document,Q))}function X(){H.value&&(H.value=!1,G("touchend",document,W),G("mouseup",document,W),G("touchmove",document,Q),G("mousemove",document,Q))}function Q(e){const{value:n}=T;if(!H.value||n===-1){X();return}const o=be(e);oe(ae(o,V.value[n]),n)}function W(){X()}function Xe(e){T.value=e,j.value||(I.value=e)}function Qe(e){T.value===e&&(T.value=-1,X()),I.value===e&&(I.value=-1)}function We(e){I.value=e}function qe(e){I.value===e&&(I.value=-1)}ye(T,(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:x,dotColorModal:w,handleBoxShadow:D,handleBoxShadowHover:le,handleBoxShadowActive:re,handleBoxShadowFocus:Ze,dotBorder:Ge,dotBoxShadow:en,railHeight:nn,railWidthVertical:tn,handleSize:on,dotHeight:an,dotWidth:ln,dotBorderRadius:rn,fontSize:sn,dotBorderActive:dn,dotColorPopover:un},common:{cubicBezierEaseInOut:cn}}=s.value;return{"--n-bezier":cn,"--n-dot-border":Ge,"--n-dot-border-active":dn,"--n-dot-border-radius":rn,"--n-dot-box-shadow":en,"--n-dot-color":x,"--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":Ze,"--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=i?ke("slider",void 0,ge,t):void 0,xe=M(()=>{const{self:{fontSize:e,indicatorColor:n,indicatorBoxShadow:o,indicatorTextColor:c,indicatorBorderRadius:f}}=s.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=i?ke("slider-indicator",void 0,xe,t):void 0;return{mergedClsPrefix:a,namespace:h,uncontrolledValue:ee,mergedValue:ne,mergedDisabled:j,mergedPlacement:He,isMounted:kn(),adjustedTo:ie(t),dotTransitionDisabled:L,markInfos:Ne,isShowTooltip:ve,shouldKeepTooltipTransition:Ue,handleRailRef:r,setHandleRefs:b,setFollowerRefs:z,fillStyle:Ae,getHandleStyle:Pe,activeIndex:T,arrifiedValues:V,followerEnabledIndexSet:N,handleRailMouseDown:Je,handleHandleFocus:Xe,handleHandleBlur:Qe,handleHandleMouseEnter:We,handleHandleMouseLeave:qe,handleRailKeyDown:Ye,indicatorCssVars:i?void 0:xe,indicatorThemeClass:U==null?void 0:U.themeClass,indicatorOnRender:U==null?void 0:U.onRender,cssVars:i?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:i}=this;return(t=this.onRender)===null||t===void 0||t.call(this),y("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},y("div",{class:`${a}-slider-rail`},y("div",{class:`${a}-slider-rail__fill`,style:this.fillStyle}),this.marks?y("div",{class:[`${a}-slider-dots`,this.dotTransitionDisabled&&`${a}-slider-dots--transition-disabled`]},this.markInfos.map(s=>y("div",{key:s.label,class:[`${a}-slider-dot`,{[`${a}-slider-dot--active`]:s.active}],style:s.style}))):null,y("div",{ref:"handleRailRef",class:`${a}-slider-handles`},this.arrifiedValues.map((s,r)=>{const v=this.isShowTooltip(r);return y($n,null,{default:()=>[y(Sn,null,{default:()=>y("div",{ref:this.setHandleRefs(r),class:`${a}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,style:this.getHandleStyle(s,r),onFocus:()=>{this.handleHandleFocus(r)},onBlur:()=>{this.handleHandleBlur(r)},onMouseenter:()=>{this.handleHandleMouseEnter(r)},onMouseleave:()=>{this.handleHandleMouseLeave(r)}},Cn(this.$slots.thumb,()=>[y("div",{class:`${a}-slider-handle`})]))}),this.tooltip&&y(Rn,{ref:this.setFollowerRefs(r),show:v,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(r),teleportDisabled:this.adjustedTo===ie.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>y(zn,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(r),onEnter:()=>{this.followerEnabledIndexSet.add(r)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(r)}},{default:()=>{var b;return v?((b=this.indicatorOnRender)===null||b===void 0||b.call(this),y("div",{class:[`${a}-slider-handle-indicator`,this.indicatorThemeClass,`${a}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof i=="function"?i(s):s)):null}})})]})})),this.marks?y("div",{class:`${a}-slider-marks`},this.markInfos.map(s=>y("div",{key:s.label,class:`${a}-slider-mark`,style:s.style},s.label))):null))}});const Kn=l("td",null,"Api",-1),Xn={__name:"Api",setup(t){const a=k(""),h=async()=>{const i=await Vn({yoo:"foo"});i&&(a.value=JSON.stringify(i))};return(i,s)=>{const r=A;return C(),R("tr",null,[Kn,l("td",null,E(g(a)),1),l("td",null,[u(r,{onClick:s[0]||(s[0]=v=>h()),secondary:"",strong:""},{default:_(()=>[S("\u53D1\u9001")]),_:1})])])}}},Qn=l("td",null,"Pinia",-1),Wn=l("td",null,"Session",-1),qn=l("td",null,"Local",-1),Zn={__name:"Store",setup(t){const a=Tn(),h=Se("session_count",0,sessionStorage),i=Se("local_count",0);return(s,r)=>{const v=A,b=Be;return C(),R(Te,null,[l("tr",null,[Qn,l("td",null,E(g(a).count),1),l("td",null,[u(b,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:r[0]||(r[0]=m=>g(a).count++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:r[1]||(r[1]=m=>g(a).count--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])]),l("tr",null,[Wn,l("td",null,E(g(h)),1),l("td",null,[u(b,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:r[2]||(r[2]=m=>h.value++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:r[3]||(r[3]=m=>h.value--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])]),l("tr",null,[qn,l("td",null,E(g(i)),1),l("td",null,[u(b,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:r[4]||(r[4]=m=>i.value++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:r[5]||(r[5]=m=>i.value--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])])],64)}}},Gn=l("td",null,"Query",-1),et=l("td",null,null,-1),nt={__name:"RouterQuery",setup(t){const a={name:"\u9E7F\u548C"},h=k(JSON.parse(JSON.stringify(a)));Bn(s=>{i(s.query)});const i=s=>{h.value={name:s.name||a.name}};return Mn(()=>{i(Me.currentRoute.value.query)}),(s,r)=>(C(),R("tr",null,[Gn,l("td",null,E(JSON.stringify(g(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 i=A;return C(),R("tr",null,[tt,ot,l("td",null,[u(i,{secondary:"",strong:"",onClick:h[0]||(h[0]=s=>g(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,i)=>(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,i)=>{const s=Fn,r=Be,v=A;return C(),R("tr",null,[it,l("td",null,[u(r,null,{default:_(()=>[u(s,{type:"off-screen"}),u(s,{type:"full-screen"}),u(s,{type:"sun-one"}),u(s,{type:"moon"})]),_:1})]),l("td",null,[u(v,{secondary:"",strong:"",onClick:i[0]||(i[0]=b=>a())},{default:_(()=>[S(" \u6587\u6863 ")]),_:1})])])}}};const De=t=>(Hn("data-v-13368e1f"),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=>({"7b48cbae":g(a)}));const a=k(1);return(h,i)=>{const s=Jn;return C(),R("tr",null,[ut,ct,l("td",null,[u(s,{value:g(a),"onUpdate:value":i[0]||(i[0]=r=>de(a)?a.value=r:null),step:.01,min:0,max:1},null,8,["value"])])])}}};var ft=Dn(ht,[["__scopeId","data-v-13368e1f"]]);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),xt=l("td",null,null,-1),wt={__name:"UseMessage",setup(t){const a=h=>{window.$message().success(h)};return(h,i)=>{const s=A;return C(),R("tr",null,[gt,xt,l("td",null,[u(s,{secondary:"",strong:"",onClick:i[0]||(i[0]=r=>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 i=h,s=t,r=k("son_value");return a({son_value:r,sonFunc:()=>{console.log("sonFunc")}}),(b,m)=>{const z=Fe,N=A;return C(),R("tr",null,[l("td",null,[u(z,{disabled:"",value:s.fa_value,"onUpdate:value":m[0]||(m[0]=F=>s.fa_value=F)},null,8,["value"]),u(z,{"mt-1":"",value:g(r),"onUpdate:value":m[1]||(m[1]=F=>de(r)?r.value=F:null)},null,8,["value"])]),l("td",null,[u(N,{secondary:"",strong:"",onClick:m[2]||(m[2]=F=>i("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=k("fa_value"),h=k(!1),i=r=>{h.value=r},s=()=>{console.log("faFunc")};return(r,v)=>{const b=Fe,m=A;return C(),R(Te,null,[l("tr",null,[kt,l("td",null,[u(b,{value:g(a),"onUpdate:value":v[0]||(v[0]=z=>de(a)?a.value=z:null)},null,8,["value"]),u(b,{"mt-1":"",value:g(h).son_value,"onUpdate:value":v[1]||(v[1]=z=>g(h).son_value=z)},null,8,["value"])]),l("td",null,[u(m,{secondary:"",strong:"",onClick:v[2]||(v[2]=z=>g(h).sonFunc())},{default:_(()=>[S(" \u5B50\u51FD\u6570 ")]),_:1})])]),u(yt,{onFaFunc:s,fa_value:g(a),ref:i},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 Nn(),(h,i)=>{const s=Pn;return C(),R("div",null,[u(s,{striped:"",size:"small"},{default:_(()=>[St,l("tbody",null,[u(Xn),u(Zn),u(nt),u(st,{name:a.name},null,8,["name"]),u(at),u(dt),u(ft),u(bt),u(wt),u($t)])]),_:1})])}}};typeof Ce=="function"&&Ce(Ct);export{Ct as default};
|