@gkd-kit/inspect 0.0.1743083303714 → 0.0.1743166447533

package/dist/assets/{SvgPage-Cx0OScKr.js → SvgPage-CtApO5Fb.js}

@@ -1,2 +1,2 @@
-import{h as k,o as a,B as S,aE as C,q as w,cp as V,H as B,I as l,J as c,K as s,F as m,U,O as r,T as g,R as q,aw as A,aT as M,aU as N}from"./index-D-s-iSbw.js";import{_ as T}from"./Input-Bwh5s7c8.js";const $={class:"SvgPage"},E={"px-16px":"","pt-16px":"",flex:"","items-center":"","gap-16px":""},F={"p-16px":"",grid:"","gap-24px":"","justify-between":"",style:{"grid-template-columns":"repeat(auto-fill, 150px)"}},I=["title","onClick"],O=["title","onClick"],D=k({__name:"SvgPage",setup(P){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(""),x=w(()=>n.value.trim()?o.value.filter(t=>t.includes(n.value)):o.value),u=t=>`<SvgIcon name="${t}" />`,f=a(""),v=V({source:f,legacy:!0}),_=async t=>{await v.copy(t),N.success("复制成功")};return(t,d)=>{const b=T,y=B("SvgIcon");return c(),l("div",$,[s("div",E,[m(b,{modelValue:r(n),"onUpdate:modelValue":d[0]||(d[0]=e=>U(n)?n.value=e:null),style:{width:"320px"},placeholder:"请输入图标名称"},null,8,["modelValue"]),s("div",null,"共存在 "+g(r(o).length)+" 个图标",1)]),s("div",F,[(c(!0),l(q,null,A(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: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:M(h=>_(e),["stop"])},g(e),9,O)],8,I))),128))])])}}});export{D as default};
-//# sourceMappingURL=SvgPage-Cx0OScKr.js.map
+import{h as k,o as a,B as S,aE as C,q as w,cp as V,H as B,I as l,J as c,K as s,F as m,U,O as r,T as g,R as q,aw as A,aT as M,aU as N}from"./index-KLBdhCUJ.js";import{_ as T}from"./Input-BPf4OAqD.js";const $={class:"SvgPage"},E={"px-16px":"","pt-16px":"",flex:"","items-center":"","gap-16px":""},F={"p-16px":"",grid:"","gap-24px":"","justify-between":"",style:{"grid-template-columns":"repeat(auto-fill, 150px)"}},I=["title","onClick"],O=["title","onClick"],D=k({__name:"SvgPage",setup(P){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(""),x=w(()=>n.value.trim()?o.value.filter(t=>t.includes(n.value)):o.value),u=t=>`<SvgIcon name="${t}" />`,f=a(""),v=V({source:f,legacy:!0}),_=async t=>{await v.copy(t),N.success("复制成功")};return(t,d)=>{const b=T,y=B("SvgIcon");return c(),l("div",$,[s("div",E,[m(b,{modelValue:r(n),"onUpdate:modelValue":d[0]||(d[0]=e=>U(n)?n.value=e:null),style:{width:"320px"},placeholder:"请输入图标名称"},null,8,["modelValue"]),s("div",null,"共存在 "+g(r(o).length)+" 个图标",1)]),s("div",F,[(c(!0),l(q,null,A(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: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:M(h=>_(e),["stop"])},g(e),9,O)],8,I))),128))])])}}});export{D as default};
+//# sourceMappingURL=SvgPage-CtApO5Fb.js.map

package/dist/assets/{SvgPage-Cx0OScKr.js.map → SvgPage-CtApO5Fb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SvgPage-Cx0OScKr.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"],"mappings":"weAGA,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,EAAO,CAAA,CACvB,EACDK,EAAU,IAAM,CACLD,EAAA,QACP,SAAS,cAAc,yBAAyB,EAChD,CACE,WAAY,EAAA,CAEhB,CAAA,CACD,EACDE,EAAY,IAAM,CAChBF,EAAS,WAAW,CAAA,CACrB,EAEK,MAAAG,EAASJ,EAAI,EAAE,EACfK,EAAeC,EAAS,IACvBF,EAAO,MAAM,KAAK,EAChBL,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,CAC7B,MAAAH,EAAU,KAAKG,CAAI,EACzBC,EAAQ,QAAQ,MAAM,CACxB"}
+{"version":3,"file":"SvgPage-CtApO5Fb.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"],"mappings":"weAGA,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,EAAO,CAAA,CACvB,EACDK,EAAU,IAAM,CACLD,EAAA,QACP,SAAS,cAAc,yBAAyB,EAChD,CACE,WAAY,EAAA,CAEhB,CAAA,CACD,EACDE,EAAY,IAAM,CAChBF,EAAS,WAAW,CAAA,CACrB,EAEK,MAAAG,EAASJ,EAAI,EAAE,EACfK,EAAeC,EAAS,IACvBF,EAAO,MAAM,KAAK,EAChBL,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,CAC7B,MAAAH,EAAU,KAAKG,CAAI,EACzBC,EAAQ,QAAQ,MAAM,CACxB"}