@gkd-kit/inspect 0.0.1763020669783 → 0.0.1768899386743

package/dist/assets/SnapshotPage-DTOyvcpZ.css

@@ -0,0 +1 @@
+.enter-active[data-v-abb3b230]{animation:enter-keyframes-abb3b230 var(--duration) forwards}@keyframes enter-keyframes-abb3b230{0%{opacity:0;transform:translateY(-2%)}to{opacity:1;transform:translateY(0)}}.exit-active[data-v-abb3b230]{animation:exit-keyframes-abb3b230 var(--duration) forwards}@keyframes exit-keyframes-abb3b230{0%{opacity:1}to{opacity:0}}

package/dist/assets/SvgPage-CHqh1Dep.js

@@ -0,0 +1,2 @@
+import{h as k,o as a,z as S,av as C,cy as V,G as w,H as l,I as s,J as m,V as M,M as r,T as x,R as A,aL as B,s as N,Q as c,aT as T,aU as U}from"./index-ntw83SyO.js";import{_ as $}from"./Input-D79PaINL.js";const q={"page-size":""},z={"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"],R=["title","onClick"],F=k({__name:"SvgPage",setup(j){const i=()=>Array.from(document.querySelectorAll("#__svg_icon_container__ > *")).map(t=>t.getAttribute("id").substring(9)),o=a(i()),p=new MutationObserver(()=>{o.value=i()});S(()=>{p.observe(document.querySelector("#__svg_icon_container__"),{attributes:!0})}),C(()=>{p.disconnect()});const n=a(""),f=N(()=>n.value.trim()?o.value.filter(t=>t.includes(n.value)):o.value),u=t=>`<SvgIcon name="${t}" />`,g=a(""),v=V({source:g,legacy:!0}),_=async t=>{await v.copy(t),U.success("复制成功")};return(t,d)=>{const b=$,y=w("SvgIcon");return c(),l("div",q,[s("div",z,[m(b,{modelValue:r(n),"onUpdate:modelValue":d[0]||(d[0]=e=>M(n)?n.value=e:null),style:{width:"320px"},placeholder:"请输入图标名称"},null,8,["modelValue"]),s("div",null,"共存在 "+x(r(o).length)+" 个图标",1)]),s("div",I,[(c(!0),l(A,null,B(r(f),e=>(c(),l("div",{key:e,"py-4px":"",flex:"","flex-col":"","gap-4px":"","items-center":"","b-b-solid":"","b-1px":"",class:"bg-[#f9f9f9]",title:u(e),onClick:h=>_(u(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:T(h=>_(e),["stop"])},x(e),9,R)],8,L))),128))])])}}});export{F as default};
+//# sourceMappingURL=SvgPage-CHqh1Dep.js.map

package/dist/assets/SvgPage-CHqh1Dep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPage-CHqh1Dep.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 page-size>\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":"4eAGA,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"}