vuepress-theme-plume/assets/CanIUseConfig-CrGOWy6S.js

import{B as e,G as t,P as n,R as r,X as i,_ as a,_t as o,c as s,ct as c,d as l,et as u,f as d,ft as f,i as p,it as m,j as h,l as g,lt as _,u as v,y,zt as b}from"./runtime-core.esm-bundler-CZhW2JnE.js";import{t as x}from"./plugin-vue_export-helper-DmxsexXh.js";import{I as ee,L as S,N as C,P as w,T,h as E,k as D,m as O,u as k}from"./app-CIpQegGS.js";import{t as te}from"./CodeViewer-D171fkmj.js";var A=`https://caniuse.pengzhanbo.cn/features.json`,j={"/":{past0:`不显示旧版本`,pastIndex:`旧版本（当前版本 - {index}）`,future0:`不显示未来版本`,futureIndex:`未来版本（当前版本 + {index}）`},"/en/":{past0:`Do not show old versions`,pastIndex:`Old version (current version - {index})`,future0:`Do not show future versions`,futureIndex:`Future version (current version + {index})`}},M=[{label:`caniuse`,value:``},{label:`baseline`,value:`baseline`}];function N(){let e=D(),t=_(`2`),n=_(`1`),r=_(``);return{past:t,future:n,pastList:s(()=>[{label:j[e.value].past0||``,value:`0`},...Array.from({length:5}).fill(0).map((t,n)=>({label:j[e.value]?.pastIndex?.replace(`{index}`,`${n+1}`)??``,value:`${n+1}`}))]),futureList:s(()=>[{label:j[e.value].future0||``,value:`0`},...Array.from({length:3}).fill(0).map((t,n)=>({label:j[e.value]?.futureIndex?.replace(`{index}`,`${n+1}`)??``,value:`${n+1}`}))]),embedType:r,embedTypeList:c(M)}}function P(e,t){let n=E(`plume:caniuse-feature-list`,[]),r=E(`plume:caniuse-feature-list-updated`,Date.now());h(async()=>{typeof document>`u`||n.value.length&&Date.now()-r.value<2592e5||(n.value=await fetch(A).then(e=>e.json())||n.value||[])});let a=_(``),o=_(!1),c=_(),l=_(null);i(()=>[n.value,o.value],()=>{o.value||(c.value=n.value)},{immediate:!0}),k(t,()=>{o.value=!1},{ignore:[e]}),O(e,`input`,T(()=>{l.value=null,a.value=e.value?.value||``,a.value?(c.value=n.value.filter(e=>e.label.includes(a.value)||e.value.includes(a.value)),c.value.length===1&&(l.value=c.value[0])):c.value=n.value},500)),O(e,`focus`,()=>{o.value=!0});function u(t){l.value=t,o.value=!1,e.value&&(e.value.value=t.label)}return{featureList:c,isFocus:o,onSelect:u,feature:s(()=>l.value?.value||``)}}function F({feature:e,embedType:t,past:n,future:r}){return{output:s(()=>{let i=`@[caniuse`;return t.value&&(i+=` ${t.value}`),t.value!==`baseline`&&(n.value!==`-2`||r.value!==`1`)&&(n.value===`0`&&r.value===`0`?i+=`{0}`:i+=`{-${n.value},${r.value}}`),i+=`](`,e.value&&(i+=e.value),`${i})`})}}var I={class:`caniuse-config-wrapper`},L=[`for`],R={class:`feature-input`},z=[`id`,`placeholder`],B=[`onClick`,`onKeydown`,`innerHTML`],V={class:`caniuse-form-item`},H={class:`caniuse-embed-type`},U=[`for`],W=[`id`,`value`],G={key:0,class:`caniuse-form-item`},K={class:`caniuse-browser-version`},q=[`for`],J=[`id`],Y=[`value`],X=[`for`],Z=[`id`],ne=[`value`],re={class:`caniuse-output`},Q=x(y({__name:`CanIUseConfig`,setup(i){let c={"/":{"select-feature":`选择特性：`,placeholder:`输入特性`,"embed-type":`嵌入方式：`,output:`输出：`,"browser-version":`浏览器版本：`,"no-recommend":`不推荐`},"/en/":{"select-feature":`Select feature:`,placeholder:`Input feature`,"embed-type":`Embed type: `,output:`Output:`,"browser-version":`Browser version: `,"no-recommend":`Not recommended`}},h=f(null),_=f(null),y=t(),x=D(),T=s(()=>c[x.value]),{feature:E,featureList:O,onSelect:k,isFocus:A}=P(_,h),{past:j,pastList:M,future:Q,futureList:ie,embedType:$,embedTypeList:ae}=N(),{output:oe}=F({feature:E,embedType:$,past:j,future:Q});return(t,i)=>{let s=e(`CanIUseViewer`);return n(),d(`div`,I,[g(`form`,null,[g(`label`,{class:`caniuse-form-item`,for:`caniuse-feature-input-${o(y)}`},[g(`span`,null,b(T.value[`select-feature`]),1),g(`div`,R,[g(`input`,{id:`caniuse-feature-input-${o(y)}`,ref_key:`inputEl`,ref:_,class:`feature-input__input`,type:`text`,name:`feature`,placeholder:T.value.placeholder},null,8,z),i[3]||=g(`span`,{class:`vpi-chevron-down`},null,-1),u(g(`ul`,{ref_key:`listEl`,ref:h,class:`feature-list`},[(n(!0),d(p,null,r(o(O),e=>(n(),d(`li`,{key:e.value},[g(`button`,{type:`button`,class:`feature-list-item`,onClick:t=>o(k)(e),onKeydown:S(t=>o(k)(e),[`enter`]),innerHTML:e.label},null,40,B)]))),128))],512),[[ee,o(A)]])])],8,L),g(`div`,V,[g(`span`,null,b(T.value[`embed-type`]),1),g(`div`,H,[(n(!0),d(p,null,r(o(ae),(e,t)=>(n(),d(`label`,{key:e.label,for:`caniuse-embed-${o(y)}-${t}`},[u(g(`input`,{id:`caniuse-embed-${o(y)}-${t}`,"onUpdate:modelValue":i[0]||=e=>m($)?$.value=e:null,type:`radio`,name:`embedType`,value:e.value},null,8,W),[[C,o($)]]),g(`span`,null,b(e.label),1)],8,U))),128))])]),o($)?l(``,!0):(n(),d(`div`,G,[g(`span`,null,b(T.value[`browser-version`]),1),g(`div`,K,[g(`label`,{for:`caniuse-past-${o(y)}`},[u(g(`select`,{id:`caniuse-past-${o(y)}`,"onUpdate:modelValue":i[1]||=e=>m(j)?j.value=e:null,name:`past`},[(n(!0),d(p,null,r(o(M),e=>(n(),d(`option`,{key:e.value,value:e.value},b(e.label),9,Y))),128))],8,J),[[w,o(j)]])],8,q),i[4]||=g(`span`,null,`-`,-1),g(`label`,{for:`caniuse-future-${o(y)}`},[u(g(`select`,{id:`caniuse-future-${o(y)}`,"onUpdate:modelValue":i[2]||=e=>m(Q)?Q.value=e:null,name:`future`},[(n(!0),d(p,null,r(o(ie),e=>(n(),d(`option`,{key:e.value,value:e.value},b(e.label),9,ne))),128))],8,Z),[[w,o(Q)]])],8,X)])]))]),g(`div`,re,[g(`h4`,null,b(T.value.output),1),a(te,{lang:`md`,content:o(oe)},null,8,[`content`])]),o(E)?(n(),v(s,{key:0,feature:o(E),past:o(j),future:o(Q),baseline:o($)===`baseline`},null,8,[`feature`,`past`,`future`,`baseline`])):l(``,!0)])}}}),[[`__scopeId`,`data-v-20cc52b5`]]);export{Q as t};