vuepress-theme-plume/assets/CanIUseConfig-CxTi_lCi.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 ee,y as v,zt as y}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{l as b,o as te,s as x,u as S}from"./runtime-dom.esm-bundler-DTRCDnrc.js";import{S as C}from"./client-DIGNuIZ_.js";import{D as w,f as T,l as E,n as D}from"./dist-CMy7OcvW.js";import{t as O}from"./plugin-vue_export-helper-CxTVcLa7.js";import{t as ne}from"./CodeViewer-COOT1lIr.js";var k=`https://caniuse.pengzhanbo.cn/features.json`,A={"/":{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})`}},j=[{label:`caniuse`,value:``},{label:`baseline`,value:`baseline`}];function M(){let e=C(),t=_(`2`),n=_(`1`),r=_(``);return{past:t,future:n,pastList:s(()=>[{label:A[e.value].past0||``,value:`0`},...Array.from({length:5}).fill(0).map((t,n)=>({label:A[e.value]?.pastIndex?.replace(`{index}`,`${n+1}`)??``,value:`${n+1}`}))]),futureList:s(()=>[{label:A[e.value].future0||``,value:`0`},...Array.from({length:3}).fill(0).map((t,n)=>({label:A[e.value]?.futureIndex?.replace(`{index}`,`${n+1}`)??``,value:`${n+1}`}))]),embedType:r,embedTypeList:c(j)}}function N(e,t){let n=T(`plume:caniuse-feature-list`,[]),r=T(`plume:caniuse-feature-list-updated`,Date.now());h(async()=>{typeof document>`u`||n.value.length&&Date.now()-r.value<2592e5||(n.value=await fetch(k).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}),D(t,()=>{o.value=!1},{ignore:[e]}),E(e,`input`,w(()=>{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)),E(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 P({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 F={class:`caniuse-config-wrapper`},I=[`for`],L={class:`feature-input`},R=[`id`,`placeholder`],z=[`onClick`,`onKeydown`,`innerHTML`],B={class:`caniuse-form-item`},V={class:`caniuse-embed-type`},H=[`for`],U=[`id`,`value`],W={key:0,class:`caniuse-form-item`},G={class:`caniuse-browser-version`},K=[`for`],q=[`id`],J=[`value`],Y=[`for`],X=[`id`],Z=[`value`],re={class:`caniuse-output`},Q=O(v({__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),v=t(),w=C(),T=s(()=>c[w.value]),{feature:E,featureList:D,onSelect:O,isFocus:k}=N(_,h),{past:A,pastList:j,future:Q,futureList:ie,embedType:$,embedTypeList:ae}=M(),{output:oe}=P({feature:E,embedType:$,past:A,future:Q});return(t,i)=>{let s=e(`CanIUseViewer`);return n(),d(`div`,F,[g(`form`,null,[g(`label`,{class:`caniuse-form-item`,for:`caniuse-feature-input-${o(v)}`},[g(`span`,null,y(T.value[`select-feature`]),1),g(`div`,L,[g(`input`,{id:`caniuse-feature-input-${o(v)}`,ref_key:`inputEl`,ref:_,class:`feature-input__input`,type:`text`,name:`feature`,placeholder:T.value.placeholder},null,8,R),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(D),e=>(n(),d(`li`,{key:e.value},[g(`button`,{type:`button`,class:`feature-list-item`,onClick:t=>o(O)(e),onKeydown:S(t=>o(O)(e),[`enter`]),innerHTML:e.label},null,40,z)]))),128))],512),[[b,o(k)]])])],8,I),g(`div`,B,[g(`span`,null,y(T.value[`embed-type`]),1),g(`div`,V,[(n(!0),d(p,null,r(o(ae),(e,t)=>(n(),d(`label`,{key:e.label,for:`caniuse-embed-${o(v)}-${t}`},[u(g(`input`,{id:`caniuse-embed-${o(v)}-${t}`,"onUpdate:modelValue":i[0]||=e=>m($)?$.value=e:null,type:`radio`,name:`embedType`,value:e.value},null,8,U),[[te,o($)]]),g(`span`,null,y(e.label),1)],8,H))),128))])]),o($)?l(``,!0):(n(),d(`div`,W,[g(`span`,null,y(T.value[`browser-version`]),1),g(`div`,G,[g(`label`,{for:`caniuse-past-${o(v)}`},[u(g(`select`,{id:`caniuse-past-${o(v)}`,"onUpdate:modelValue":i[1]||=e=>m(A)?A.value=e:null,name:`past`},[(n(!0),d(p,null,r(o(j),e=>(n(),d(`option`,{key:e.value,value:e.value},y(e.label),9,J))),128))],8,q),[[x,o(A)]])],8,K),i[4]||=g(`span`,null,`-`,-1),g(`label`,{for:`caniuse-future-${o(v)}`},[u(g(`select`,{id:`caniuse-future-${o(v)}`,"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},y(e.label),9,Z))),128))],8,X),[[x,o(Q)]])],8,Y)])]))]),g(`div`,re,[g(`h4`,null,y(T.value.output),1),a(ne,{lang:`md`,content:o(oe)},null,8,[`content`])]),o(E)?(n(),ee(s,{key:0,feature:o(E),past:o(A),future:o(Q),baseline:o($)===`baseline`},null,8,[`feature`,`past`,`future`,`baseline`])):l(``,!0)])}}}),[[`__scopeId`,`data-v-20cc52b5`]]);export{Q as t};