@gkd-kit/inspect 0.0.1758639831089 → 0.0.1762868279097

package/dist/assets/{SvgPage-CQljgvlO.js → SvgPage-C3EKmR2F.js}

@@ -1,2 +1,2 @@
-import{h as S,o as a,A as k,aF as C,q as V,cu as w,I as A,J as l,K as c,L as s,G as m,V as q,P as r,U as g,S as B,ay as M,aX as N,aY as P}from"./index-B_uD-bae.js";import{_ as U}from"./Input-D1JUZ06t.js";const $={class:"SvgPage"},F={"px-16px":"","pt-16px":"",flex:"","items-center":"","gap-16px":""},I={"p-16px":"",grid:"","gap-24px":"","justify-between":"",style:{"grid-template-columns":"repeat(auto-fill, 150px)"}},L=["title","onClick"],j=["title","onClick"],J=S({__name:"SvgPage",setup(D){const i=()=>Array.from(document.querySelectorAll("#__svg_icon_container__ > *")).map(t=>t.getAttribute("id").substring(9)),o=a(i()),u=new MutationObserver(()=>{o.value=i()});k(()=>{u.observe(document.querySelector("#__svg_icon_container__"),{attributes:!0})}),C(()=>{u.disconnect()});const n=a(""),x=V(()=>n.value.trim()?o.value.filter(t=>t.includes(n.value)):o.value),p=t=>`<SvgIcon name="${t}" />`,f=a(""),v=w({source:f,legacy:!0}),_=async t=>{await v.copy(t),P.success("复制成功")};return(t,d)=>{const b=U,y=A("SvgIcon");return c(),l("div",$,[s("div",F,[m(b,{modelValue:r(n),"onUpdate:modelValue":d[0]||(d[0]=e=>q(n)?n.value=e:null),style:{width:"320px"},placeholder:"请输入图标名称"},null,8,["modelValue"]),s("div",null,"共存在 "+g(r(o).length)+" 个图标",1)]),s("div",I,[(c(!0),l(B,null,M(r(x),e=>(c(),l("div",{key:e,"py-4px":"",flex:"","flex-col":"","gap-4px":"","items-center":"","b-b-solid":"","b-1px":"",class:"bg-[#f9f9f9]",title:p(e),onClick:h=>_(p(e))},[m(y,{name:e,class:"text-32px color-[#575bca] flex-shrink-0"},null,8,["name"]),s("div",{"px-4px":"","text-12px":"","break-all":"",title:e,onClick:N(h=>_(e),["stop"])},g(e),9,j)],8,L))),128))])])}}});export{J as default};
-//# sourceMappingURL=SvgPage-CQljgvlO.js.map
+import{h as S,o as a,A as k,aF as C,q as V,cu as w,I as A,J as l,K as c,L as s,G as m,V as q,P as r,U as g,S as B,ay as M,aX as N,aY as P}from"./index-DN99K-vC.js";import{_ as U}from"./Input-I0vpB2v_.js";const $={class:"SvgPage"},F={"px-16px":"","pt-16px":"",flex:"","items-center":"","gap-16px":""},I={"p-16px":"",grid:"","gap-24px":"","justify-between":"",style:{"grid-template-columns":"repeat(auto-fill, 150px)"}},L=["title","onClick"],j=["title","onClick"],J=S({__name:"SvgPage",setup(D){const i=()=>Array.from(document.querySelectorAll("#__svg_icon_container__ > *")).map(t=>t.getAttribute("id").substring(9)),o=a(i()),u=new MutationObserver(()=>{o.value=i()});k(()=>{u.observe(document.querySelector("#__svg_icon_container__"),{attributes:!0})}),C(()=>{u.disconnect()});const n=a(""),x=V(()=>n.value.trim()?o.value.filter(t=>t.includes(n.value)):o.value),p=t=>`<SvgIcon name="${t}" />`,f=a(""),v=w({source:f,legacy:!0}),_=async t=>{await v.copy(t),P.success("复制成功")};return(t,d)=>{const b=U,y=A("SvgIcon");return c(),l("div",$,[s("div",F,[m(b,{modelValue:r(n),"onUpdate:modelValue":d[0]||(d[0]=e=>q(n)?n.value=e:null),style:{width:"320px"},placeholder:"请输入图标名称"},null,8,["modelValue"]),s("div",null,"共存在 "+g(r(o).length)+" 个图标",1)]),s("div",I,[(c(!0),l(B,null,M(r(x),e=>(c(),l("div",{key:e,"py-4px":"",flex:"","flex-col":"","gap-4px":"","items-center":"","b-b-solid":"","b-1px":"",class:"bg-[#f9f9f9]",title:p(e),onClick:h=>_(p(e))},[m(y,{name:e,class:"text-32px color-[#575bca] flex-shrink-0"},null,8,["name"]),s("div",{"px-4px":"","text-12px":"","break-all":"",title:e,onClick:N(h=>_(e),["stop"])},g(e),9,j)],8,L))),128))])])}}});export{J as default};
+//# sourceMappingURL=SvgPage-C3EKmR2F.js.map

package/dist/assets/{SvgPage-CQljgvlO.js.map → SvgPage-C3EKmR2F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SvgPage-CQljgvlO.js","sources":["../../src/views/SvgPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { message } from '@/utils/discrete';\n\nconst getIds = () => {\n  return Array.from(\n    document.querySelectorAll('#__svg_icon_container__ > *'),\n  ).map((v) => v.getAttribute('id')!.substring('svg-icon-'.length));\n};\n\nconst svgIds = ref(getIds());\n\nconst observer = new MutationObserver(() => {\n  svgIds.value = getIds();\n});\nonMounted(() => {\n  observer.observe(\n    document.querySelector('#__svg_icon_container__') as HTMLElement,\n    {\n      attributes: true,\n    },\n  );\n});\nonUnmounted(() => {\n  observer.disconnect();\n});\n\nconst search = ref('');\nconst filterSvgIds = computed(() => {\n  if (!search.value.trim()) return svgIds.value;\n  return svgIds.value.filter((x) => x.includes(search.value));\n});\n\nconst getTitle = (svgId: string) => `<SvgIcon name=\"${svgId}\" />`;\nconst source = ref('');\nconst clipboard = useClipboard({ source, legacy: true });\nconst copy = async (text: string) => {\n  await clipboard.copy(text);\n  message.success('复制成功');\n};\n</script>\n<template>\n  <div class=\"SvgPage\">\n    <div px-16px pt-16px flex items-center gap-16px>\n      <NInput\n        v-model=\"search\"\n        :style=\"{ width: '320px' }\"\n        placeholder=\"请输入图标名称\"\n      />\n      <div>共存在 {{ svgIds.length }} 个图标</div>\n    </div>\n    <div\n      p-16px\n      grid\n      gap-24px\n      justify-between\n      style=\"grid-template-columns: repeat(auto-fill, 150px)\"\n    >\n      <div\n        v-for=\"svgId in filterSvgIds\"\n        :key=\"svgId\"\n        py-4px\n        flex\n        flex-col\n        gap-4px\n        items-center\n        b-b-solid\n        b-1px\n        class=\"bg-[#f9f9f9]\"\n        :title=\"getTitle(svgId)\"\n        @click=\"copy(getTitle(svgId))\"\n      >\n        <SvgIcon\n          :name=\"svgId\"\n          class=\"text-32px color-[#575bca] flex-shrink-0\"\n        />\n        <div\n          px-4px\n          text-12px\n          break-all\n          :title=\"svgId\"\n          @click.stop=\"copy(svgId)\"\n        >\n          {{ svgId }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["getIds","v","svgIds","ref","observer","onMounted","onUnmounted","search","filterSvgIds","computed","x","getTitle","svgId","source","clipboard","useClipboard","copy","text","message","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_NInput","_unref","$event","_toDisplayString","_hoisted_3","_Fragment","_renderList","_component_SvgIcon","_withModifiers","_hoisted_5"],"mappings":"6eAGA,MAAMA,EAAS,IACN,MAAM,KACX,SAAS,iBAAiB,6BAA6B,CAAA,EACvD,IAAKC,GAAMA,EAAE,aAAa,IAAI,EAAG,UAAU,CAAkB,CAAC,EAG5DC,EAASC,EAAIH,GAAQ,EAErBI,EAAW,IAAI,iBAAiB,IAAM,CAC1CF,EAAO,MAAQF,EAAA,CAAO,CACvB,EACDK,EAAU,IAAM,CACdD,EAAS,QACP,SAAS,cAAc,yBAAyB,EAChD,CACE,WAAY,EAAA,CACd,CACF,CACD,EACDE,EAAY,IAAM,CAChBF,EAAS,WAAA,CAAW,CACrB,EAED,MAAMG,EAASJ,EAAI,EAAE,EACfK,EAAeC,EAAS,IACvBF,EAAO,MAAM,KAAA,EACXL,EAAO,MAAM,OAAQQ,GAAMA,EAAE,SAASH,EAAO,KAAK,CAAC,EADzBL,EAAO,KAEzC,EAEKS,EAAYC,GAAkB,kBAAkBA,CAAK,OACrDC,EAASV,EAAI,EAAE,EACfW,EAAYC,EAAa,CAAE,OAAAF,EAAQ,OAAQ,GAAM,EACjDG,EAAO,MAAOC,GAAiB,CACnC,MAAMH,EAAU,KAAKG,CAAI,EACzBC,EAAQ,QAAQ,MAAM,CAAA,yCAItB,OAAAC,EAAA,EAAAC,EA6CM,MA7CNC,EA6CM,CA5CJC,EAOM,MAPNC,EAOM,CANJC,EAIEC,EAAA,YAHSC,EAAAnB,CAAA,4CAAAA,EAAM,MAAAoB,EAAA,MACd,MAAO,CAAA,MAAA,OAAA,EACR,YAAY,SAAA,yBAEdL,EAAsC,WAAjC,OAAIM,EAAGF,KAAO,MAAM,EAAG,OAAI,CAAA,CAAA,GAElCJ,EAmCM,MAnCNO,EAmCM,QA5BJT,EA2BMU,EAAA,KAAAC,EA1BYL,EAAAlB,CAAA,EAATI,QADTQ,EA2BM,MAAA,CAzBH,IAAKR,EACN,SAAA,GACA,KAAA,GACA,WAAA,GACA,UAAA,GACA,eAAA,GACA,YAAA,GACA,QAAA,GACA,MAAM,eACL,MAAOD,EAASC,CAAK,EACrB,QAAKe,GAAEX,EAAKL,EAASC,CAAK,CAAA,CAAA,GAE3BY,EAGEQ,EAAA,CAFC,KAAMpB,EACP,MAAM,yCAAA,mBAERU,EAQM,MAAA,CAPJ,SAAA,GACA,YAAA,GACA,YAAA,GACC,MAAOV,EACP,QAAKqB,EAAAN,GAAOX,EAAKJ,CAAK,EAAA,CAAA,MAAA,CAAA,CAAA,IAEpBA,CAAK,EAAA,EAAAsB,CAAA,CAAA"}
+{"version":3,"file":"SvgPage-C3EKmR2F.js","sources":["../../src/views/SvgPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { message } from '@/utils/discrete';\n\nconst getIds = () => {\n  return Array.from(\n    document.querySelectorAll('#__svg_icon_container__ > *'),\n  ).map((v) => v.getAttribute('id')!.substring('svg-icon-'.length));\n};\n\nconst svgIds = ref(getIds());\n\nconst observer = new MutationObserver(() => {\n  svgIds.value = getIds();\n});\nonMounted(() => {\n  observer.observe(\n    document.querySelector('#__svg_icon_container__') as HTMLElement,\n    {\n      attributes: true,\n    },\n  );\n});\nonUnmounted(() => {\n  observer.disconnect();\n});\n\nconst search = ref('');\nconst filterSvgIds = computed(() => {\n  if (!search.value.trim()) return svgIds.value;\n  return svgIds.value.filter((x) => x.includes(search.value));\n});\n\nconst getTitle = (svgId: string) => `<SvgIcon name=\"${svgId}\" />`;\nconst source = ref('');\nconst clipboard = useClipboard({ source, legacy: true });\nconst copy = async (text: string) => {\n  await clipboard.copy(text);\n  message.success('复制成功');\n};\n</script>\n<template>\n  <div class=\"SvgPage\">\n    <div px-16px pt-16px flex items-center gap-16px>\n      <NInput\n        v-model=\"search\"\n        :style=\"{ width: '320px' }\"\n        placeholder=\"请输入图标名称\"\n      />\n      <div>共存在 {{ svgIds.length }} 个图标</div>\n    </div>\n    <div\n      p-16px\n      grid\n      gap-24px\n      justify-between\n      style=\"grid-template-columns: repeat(auto-fill, 150px)\"\n    >\n      <div\n        v-for=\"svgId in filterSvgIds\"\n        :key=\"svgId\"\n        py-4px\n        flex\n        flex-col\n        gap-4px\n        items-center\n        b-b-solid\n        b-1px\n        class=\"bg-[#f9f9f9]\"\n        :title=\"getTitle(svgId)\"\n        @click=\"copy(getTitle(svgId))\"\n      >\n        <SvgIcon\n          :name=\"svgId\"\n          class=\"text-32px color-[#575bca] flex-shrink-0\"\n        />\n        <div\n          px-4px\n          text-12px\n          break-all\n          :title=\"svgId\"\n          @click.stop=\"copy(svgId)\"\n        >\n          {{ svgId }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["getIds","v","svgIds","ref","observer","onMounted","onUnmounted","search","filterSvgIds","computed","x","getTitle","svgId","source","clipboard","useClipboard","copy","text","message","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_NInput","_unref","$event","_toDisplayString","_hoisted_3","_Fragment","_renderList","_component_SvgIcon","_withModifiers","_hoisted_5"],"mappings":"6eAGA,MAAMA,EAAS,IACN,MAAM,KACX,SAAS,iBAAiB,6BAA6B,CAAA,EACvD,IAAKC,GAAMA,EAAE,aAAa,IAAI,EAAG,UAAU,CAAkB,CAAC,EAG5DC,EAASC,EAAIH,GAAQ,EAErBI,EAAW,IAAI,iBAAiB,IAAM,CAC1CF,EAAO,MAAQF,EAAA,CAAO,CACvB,EACDK,EAAU,IAAM,CACdD,EAAS,QACP,SAAS,cAAc,yBAAyB,EAChD,CACE,WAAY,EAAA,CACd,CACF,CACD,EACDE,EAAY,IAAM,CAChBF,EAAS,WAAA,CAAW,CACrB,EAED,MAAMG,EAASJ,EAAI,EAAE,EACfK,EAAeC,EAAS,IACvBF,EAAO,MAAM,KAAA,EACXL,EAAO,MAAM,OAAQQ,GAAMA,EAAE,SAASH,EAAO,KAAK,CAAC,EADzBL,EAAO,KAEzC,EAEKS,EAAYC,GAAkB,kBAAkBA,CAAK,OACrDC,EAASV,EAAI,EAAE,EACfW,EAAYC,EAAa,CAAE,OAAAF,EAAQ,OAAQ,GAAM,EACjDG,EAAO,MAAOC,GAAiB,CACnC,MAAMH,EAAU,KAAKG,CAAI,EACzBC,EAAQ,QAAQ,MAAM,CAAA,yCAItB,OAAAC,EAAA,EAAAC,EA6CM,MA7CNC,EA6CM,CA5CJC,EAOM,MAPNC,EAOM,CANJC,EAIEC,EAAA,YAHSC,EAAAnB,CAAA,4CAAAA,EAAM,MAAAoB,EAAA,MACd,MAAO,CAAA,MAAA,OAAA,EACR,YAAY,SAAA,yBAEdL,EAAsC,WAAjC,OAAIM,EAAGF,KAAO,MAAM,EAAG,OAAI,CAAA,CAAA,GAElCJ,EAmCM,MAnCNO,EAmCM,QA5BJT,EA2BMU,EAAA,KAAAC,EA1BYL,EAAAlB,CAAA,EAATI,QADTQ,EA2BM,MAAA,CAzBH,IAAKR,EACN,SAAA,GACA,KAAA,GACA,WAAA,GACA,UAAA,GACA,eAAA,GACA,YAAA,GACA,QAAA,GACA,MAAM,eACL,MAAOD,EAASC,CAAK,EACrB,QAAKe,GAAEX,EAAKL,EAASC,CAAK,CAAA,CAAA,GAE3BY,EAGEQ,EAAA,CAFC,KAAMpB,EACP,MAAM,yCAAA,mBAERU,EAQM,MAAA,CAPJ,SAAA,GACA,YAAA,GACA,YAAA,GACC,MAAOV,EACP,QAAKqB,EAAAN,GAAOX,EAAKJ,CAAK,EAAA,CAAA,MAAA,CAAA,CAAA,IAEpBA,CAAK,EAAA,EAAAsB,CAAA,CAAA"}