@gkd-kit/inspect 0.0.1740648815776 → 0.0.1741169152740

package/dist/assets/SelectorPage-DE3_5ql8.js

@@ -0,0 +1,2 @@
+import{S as I,A as z,a as B,_ as F,d as f}from"./index-B6Srfmbb.js";import{h as L,bM as V,bN as q,aK as E,aL as M,A as D,aS as H,q as p,G as K,H as h,I as r,J as a,K as s,F as i,L as c,S as U,Q as G,M as d,U as J,O as t,aF as O,T as x,R as P}from"./index-BXr_m6qo.js";import{N as Q,i as W}from"./node-BAwjROHH.js";import{_ as $}from"./Input-E7EHIMVH.js";const j={flex:"","items-center":"","gap-16px":"","pt-12px":"","px-12px":""},X={flex:"","flex-col":"","items-center":"","p-8px":"",text:"40px/52px"},Y={key:0,"overflow-x-scroll":"","scrollbar-hidden":""},Z={key:1,"whitespace-pre-wrap":""},ee={key:0},te={"bg-red":"",relative:""},oe={key:0},ne={key:1,"pl-20px":""},se={absolute:"","left-0":"","right-0":"","top--12px":"",flex:"","flex-col":"","items-center":"","animate-bounce":"","pointer-events-none":""},re={key:1},ae={key:0,"p-4px":"","bg-red-300":"",gkd_code:""},de=L({__name:"SelectorPage",setup(ie){V(),q();const k=E(),y=M(),T=()=>{const e=String(k.query.gkd||"");if(!e)return e;try{return f.decode(e)}catch{return m(""),""}},m=e=>{y.replace({query:{gkd:e?f.encode(e):void 0}})},u=D(T()),b=H(u,500),l=p(()=>(u.value&&b.value).trim());K(l,()=>{m(l.value)});const _=p(()=>{if(l.value)try{return I.Companion.parseAst(l.value)}catch(e){return e}}),g=p(()=>{if(_.value instanceof z)return _.value}),n=p(()=>{const e=_.value,o=l.value;if(e instanceof B)return{headText:o.substring(0,e.index),errorText:o.substring(e.index,e.index+1),tailText:o.substring(e.index+1),message:e.outMessage}});return(e,o)=>{const v=h("SvgIcon"),N=Q,R=h("RouterLink"),w=G,S=W,A=$;return a(),r(P,null,[s("div",j,[i(S,{placement:"right"},{trigger:c(()=>[i(w,{text:""},{icon:c(()=>[i(R,{to:"/",color:"inherit"},{default:c(()=>[i(N,{size:"24"},{default:c(()=>[i(v,{name:"home"})]),_:1})]),_:1})]),_:1})]),default:c(()=>[o[1]||(o[1]=U(" 回到首页 "))]),_:1}),o[2]||(o[2]=s("div",{flex:"","gap-16px":""},[s("div",{"text-18px":""},"测试选择器"),s("div",null,"语法高亮/错误解析")],-1))]),s("div",X,[i(A,{value:t(u),"onUpdate:value":o[0]||(o[0]=C=>J(u)?u.value=C:null),type:"textarea",placeholder:"请输入选择器",class:"gkd_code py-4px",style:{"--n-font-size":"20px","--n-line-height-textarea":"28px"},autosize:{minRows:3,maxRows:8}},null,8,["value"]),o[3]||(o[3]=s("div",{"h-20px":""},null,-1)),s("div",{"max-w-full":"","mb-8px":"","p-4px":"",gkd_code:"","transition-colors":"",class:O(t(n)?"bg-red-200":"bg-light-600")},[t(g)?(a(),r("div",Y,[i(F,{source:t(l),node:t(g)},null,8,["source","node"])])):t(n)?(a(),r("span",Z,[t(n).headText?(a(),r("span",ee,x(t(n).headText),1)):d("",!0),s("span",te,[t(n).errorText?(a(),r("span",oe,x(t(n).errorText),1)):(a(),r("span",ne)),s("div",se,[i(v,{name:"arrow",class:"text-18px color-dark"})])]),t(n).tailText?(a(),r("span",re,x(t(n).tailText),1)):d("",!0)])):d("",!0)],2),t(n)?(a(),r("div",ae,x(t(n).message),1)):d("",!0)])],64)}}});export{de as default};
+//# sourceMappingURL=SelectorPage-DE3_5ql8.js.map

package/dist/assets/{SelectorPage-Dd-TFi8p.js.map → SelectorPage-DE3_5ql8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectorPage-Dd-TFi8p.js","sources":["../../src/views/SelectorPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SelectorText from '@/components/SelectorText.vue';\nimport { useAutoHeight, useAutoWidth } from '@/utils/others';\nimport {\n  AstNode,\n  Selector,\n  GkdException,\n  SyntaxException,\n} from '@gkd-kit/selector';\nimport * as base64url from 'universal-base64url';\n\nuseAutoHeight();\nuseAutoWidth();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst getTextFromRoute = () => {\n  const t = String(route.query.gkd || '');\n  if (!t) return t;\n  try {\n    return base64url.decode(t);\n  } catch (e) {\n    setTextToRoute('');\n    return '';\n  }\n};\nconst setTextToRoute = (t: string) => {\n  router.replace({ query: { gkd: t ? base64url.encode(t) : undefined } });\n};\n\nconst inputText = shallowRef(getTextFromRoute());\nconst lazyText = useDebounce(inputText, 500);\nconst text = computed(() => {\n  return (inputText.value && lazyText.value).trim();\n});\nwatch(text, () => {\n  setTextToRoute(text.value);\n});\nconst result = computed(() => {\n  if (!text.value) return;\n  try {\n    return Selector.Companion.parseAst(text.value);\n  } catch (e) {\n    return e as GkdException;\n  }\n});\n\nconst ast = computed(() => {\n  if (result.value instanceof AstNode) {\n    return result.value;\n  }\n  return undefined;\n});\n\nconst error = computed(() => {\n  const e = result.value;\n  const t = text.value;\n  if (e instanceof SyntaxException) {\n    return {\n      headText: t.substring(0, e.index),\n      errorText: t.substring(e.index, e.index + 1),\n      tailText: t.substring(e.index + 1),\n      message: e.outMessage,\n    };\n  }\n  return undefined;\n});\n</script>\n<template>\n  <div flex items-center gap-16px pt-12px px-12px>\n    <NTooltip placement=\"right\">\n      <template #trigger>\n        <NButton text>\n          <template #icon>\n            <RouterLink to=\"/\" color=\"inherit\">\n              <NIcon size=\"24\">\n                <SvgIcon name=\"home\" />\n              </NIcon>\n            </RouterLink>\n          </template>\n        </NButton>\n      </template>\n      回到首页\n    </NTooltip>\n    <div flex gap-16px>\n      <div text-18px>测试选择器</div>\n      <div>语法高亮/错误解析</div>\n    </div>\n  </div>\n  <div flex flex-col items-center p-8px text=\"40px/52px\">\n    <NInput\n      v-model:value=\"inputText\"\n      type=\"textarea\"\n      placeholder=\"请输入选择器\"\n      class=\"gkd_code py-4px\"\n      style=\"--n-font-size: 20px; --n-line-height-textarea: 28px\"\n      :autosize=\"{\n        minRows: 3,\n        maxRows: 8,\n      }\"\n    />\n    <div h-20px></div>\n    <div\n      max-w-full\n      mb-8px\n      p-4px\n      gkd_code\n      transition-colors\n      :class=\"error ? `bg-red-200` : `bg-light-600`\"\n    >\n      <div v-if=\"ast\" overflow-x-scroll scrollbar-hidden>\n        <SelectorText :text=\"text\" :node=\"ast\" />\n      </div>\n      <span v-else-if=\"error\" whitespace-pre-wrap>\n        <span v-if=\"error.headText\">{{ error.headText }}</span>\n        <span bg-red relative>\n          <span v-if=\"error.errorText\">{{ error.errorText }}</span>\n          <span v-else pl-20px></span>\n          <div\n            absolute\n            left-0\n            right-0\n            top--12px\n            flex\n            flex-col\n            items-center\n            animate-bounce\n            pointer-events-none\n          >\n            <SvgIcon name=\"arrow\" class=\"text-18px color-dark\" />\n          </div>\n        </span>\n        <span v-if=\"error.tailText\">{{ error.tailText }}</span>\n      </span>\n    </div>\n    <div v-if=\"error\" p-4px bg-red-300 gkd_code>\n      {{ error.message }}\n    </div>\n  </div>\n</template>\n"],"names":["useAutoHeight","useAutoWidth","route","useRoute","router","useRouter","getTextFromRoute","t","base64url.decode","setTextToRoute","base64url.encode","inputText","shallowRef","lazyText","useDebounce","text","computed","watch","result","Selector","ast","AstNode","error","SyntaxException"],"mappings":"44BAWcA,EAAA,EACDC,EAAA,EAEb,MAAMC,EAAQC,EAAS,EACjBC,EAASC,EAAU,EAEnBC,EAAmB,IAAM,CAC7B,MAAMC,EAAI,OAAOL,EAAM,MAAM,KAAO,EAAE,EAClC,GAAA,CAACK,EAAU,OAAAA,EACX,GAAA,CACK,OAAAC,EAAAA,OAAiBD,CAAC,OACf,CACV,OAAAE,EAAe,EAAE,EACV,EAAA,CAEX,EACMA,EAAkBF,GAAc,CACpCH,EAAO,QAAQ,CAAE,MAAO,CAAE,IAAKG,EAAIG,EAAAA,OAAiBH,CAAC,EAAI,MAAU,EAAG,CACxE,EAEMI,EAAYC,EAAWN,GAAkB,EACzCO,EAAWC,EAAYH,EAAW,GAAG,EACrCI,EAAOC,EAAS,KACZL,EAAU,OAASE,EAAS,OAAO,KAAK,CACjD,EACDI,EAAMF,EAAM,IAAM,CAChBN,EAAeM,EAAK,KAAK,CAAA,CAC1B,EACK,MAAAG,EAASF,EAAS,IAAM,CACxB,GAACD,EAAK,MACN,GAAA,CACF,OAAOI,EAAS,UAAU,SAASJ,EAAK,KAAK,QACtC,EAAG,CACH,OAAA,CAAA,CACT,CACD,EAEKK,EAAMJ,EAAS,IAAM,CACrB,GAAAE,EAAO,iBAAiBG,EAC1B,OAAOH,EAAO,KAET,CACR,EAEKI,EAAQN,EAAS,IAAM,CAC3B,MAAM,EAAIE,EAAO,MACXX,EAAIQ,EAAK,MACf,GAAI,aAAaQ,EACR,MAAA,CACL,SAAUhB,EAAE,UAAU,EAAG,EAAE,KAAK,EAChC,UAAWA,EAAE,UAAU,EAAE,MAAO,EAAE,MAAQ,CAAC,EAC3C,SAAUA,EAAE,UAAU,EAAE,MAAQ,CAAC,EACjC,QAAS,EAAE,UACb,CAEK,CACR"}
+{"version":3,"file":"SelectorPage-DE3_5ql8.js","sources":["../../src/views/SelectorPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SelectorText from '@/components/SelectorText.vue';\nimport { useAutoHeight, useAutoWidth } from '@/utils/others';\nimport {\n  AstNode,\n  Selector,\n  GkdException,\n  SyntaxException,\n} from '@gkd-kit/selector';\nimport * as base64url from 'universal-base64url';\n\nuseAutoHeight();\nuseAutoWidth();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst getTextFromRoute = () => {\n  const t = String(route.query.gkd || '');\n  if (!t) return t;\n  try {\n    return base64url.decode(t);\n  } catch (e) {\n    setTextToRoute('');\n    return '';\n  }\n};\nconst setTextToRoute = (t: string) => {\n  router.replace({ query: { gkd: t ? base64url.encode(t) : undefined } });\n};\n\nconst inputText = shallowRef(getTextFromRoute());\nconst lazyText = useDebounce(inputText, 500);\nconst text = computed(() => {\n  return (inputText.value && lazyText.value).trim();\n});\nwatch(text, () => {\n  setTextToRoute(text.value);\n});\nconst result = computed(() => {\n  if (!text.value) return;\n  try {\n    return Selector.Companion.parseAst(text.value);\n  } catch (e) {\n    return e as GkdException;\n  }\n});\n\nconst ast = computed(() => {\n  if (result.value instanceof AstNode) {\n    return result.value;\n  }\n  return undefined;\n});\n\nconst error = computed(() => {\n  const e = result.value;\n  const t = text.value;\n  if (e instanceof SyntaxException) {\n    return {\n      headText: t.substring(0, e.index),\n      errorText: t.substring(e.index, e.index + 1),\n      tailText: t.substring(e.index + 1),\n      message: e.outMessage,\n    };\n  }\n  return undefined;\n});\n</script>\n<template>\n  <div flex items-center gap-16px pt-12px px-12px>\n    <NTooltip placement=\"right\">\n      <template #trigger>\n        <NButton text>\n          <template #icon>\n            <RouterLink to=\"/\" color=\"inherit\">\n              <NIcon size=\"24\">\n                <SvgIcon name=\"home\" />\n              </NIcon>\n            </RouterLink>\n          </template>\n        </NButton>\n      </template>\n      回到首页\n    </NTooltip>\n    <div flex gap-16px>\n      <div text-18px>测试选择器</div>\n      <div>语法高亮/错误解析</div>\n    </div>\n  </div>\n  <div flex flex-col items-center p-8px text=\"40px/52px\">\n    <NInput\n      v-model:value=\"inputText\"\n      type=\"textarea\"\n      placeholder=\"请输入选择器\"\n      class=\"gkd_code py-4px\"\n      style=\"--n-font-size: 20px; --n-line-height-textarea: 28px\"\n      :autosize=\"{\n        minRows: 3,\n        maxRows: 8,\n      }\"\n    />\n    <div h-20px></div>\n    <div\n      max-w-full\n      mb-8px\n      p-4px\n      gkd_code\n      transition-colors\n      :class=\"error ? `bg-red-200` : `bg-light-600`\"\n    >\n      <div v-if=\"ast\" overflow-x-scroll scrollbar-hidden>\n        <SelectorText :source=\"text\" :node=\"ast\" />\n      </div>\n      <span v-else-if=\"error\" whitespace-pre-wrap>\n        <span v-if=\"error.headText\">{{ error.headText }}</span>\n        <span bg-red relative>\n          <span v-if=\"error.errorText\">{{ error.errorText }}</span>\n          <span v-else pl-20px></span>\n          <div\n            absolute\n            left-0\n            right-0\n            top--12px\n            flex\n            flex-col\n            items-center\n            animate-bounce\n            pointer-events-none\n          >\n            <SvgIcon name=\"arrow\" class=\"text-18px color-dark\" />\n          </div>\n        </span>\n        <span v-if=\"error.tailText\">{{ error.tailText }}</span>\n      </span>\n    </div>\n    <div v-if=\"error\" p-4px bg-red-300 gkd_code>\n      {{ error.message }}\n    </div>\n  </div>\n</template>\n"],"names":["useAutoHeight","useAutoWidth","route","useRoute","router","useRouter","getTextFromRoute","t","base64url.decode","setTextToRoute","base64url.encode","inputText","shallowRef","lazyText","useDebounce","text","computed","watch","result","Selector","ast","AstNode","error","SyntaxException"],"mappings":"44BAWcA,EAAA,EACDC,EAAA,EAEb,MAAMC,EAAQC,EAAS,EACjBC,EAASC,EAAU,EAEnBC,EAAmB,IAAM,CAC7B,MAAMC,EAAI,OAAOL,EAAM,MAAM,KAAO,EAAE,EAClC,GAAA,CAACK,EAAU,OAAAA,EACX,GAAA,CACK,OAAAC,EAAAA,OAAiBD,CAAC,OACf,CACV,OAAAE,EAAe,EAAE,EACV,EAAA,CAEX,EACMA,EAAkBF,GAAc,CACpCH,EAAO,QAAQ,CAAE,MAAO,CAAE,IAAKG,EAAIG,EAAAA,OAAiBH,CAAC,EAAI,MAAU,EAAG,CACxE,EAEMI,EAAYC,EAAWN,GAAkB,EACzCO,EAAWC,EAAYH,EAAW,GAAG,EACrCI,EAAOC,EAAS,KACZL,EAAU,OAASE,EAAS,OAAO,KAAK,CACjD,EACDI,EAAMF,EAAM,IAAM,CAChBN,EAAeM,EAAK,KAAK,CAAA,CAC1B,EACK,MAAAG,EAASF,EAAS,IAAM,CACxB,GAACD,EAAK,MACN,GAAA,CACF,OAAOI,EAAS,UAAU,SAASJ,EAAK,KAAK,QACtC,EAAG,CACH,OAAA,CAAA,CACT,CACD,EAEKK,EAAMJ,EAAS,IAAM,CACrB,GAAAE,EAAO,iBAAiBG,EAC1B,OAAOH,EAAO,KAET,CACR,EAEKI,EAAQN,EAAS,IAAM,CAC3B,MAAM,EAAIE,EAAO,MACXX,EAAIQ,EAAK,MACf,GAAI,aAAaQ,EACR,MAAA,CACL,SAAUhB,EAAE,UAAU,EAAG,EAAE,KAAK,EAChC,UAAWA,EAAE,UAAU,EAAE,MAAO,EAAE,MAAQ,CAAC,EAC3C,SAAUA,EAAE,UAAU,EAAE,MAAQ,CAAC,EACjC,QAAS,EAAE,UACb,CAEK,CACR"}