diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index df36fcf..0000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/home-1.svg b/home-1.svg
deleted file mode 100644
index bd71bf0..0000000
--- a/home-1.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-
\ No newline at end of file
diff --git a/home-2.svg b/home-2.svg
deleted file mode 100644
index 3dd2397..0000000
--- a/home-2.svg
+++ /dev/null
@@ -1,27 +0,0 @@
-
\ No newline at end of file
diff --git a/Github.svg b/img/Github.9caf8bdf.svg
similarity index 100%
rename from Github.svg
rename to img/Github.9caf8bdf.svg
diff --git a/Mastergo.svg b/img/Mastergo.ec936006.svg
similarity index 100%
rename from Mastergo.svg
rename to img/Mastergo.ec936006.svg
diff --git a/NPM.svg b/img/NPM.951d8306.svg
similarity index 100%
rename from NPM.svg
rename to img/NPM.951d8306.svg
diff --git a/banner-bg.jpg b/img/banner-bg.1fcfd97b.jpg
similarity index 100%
rename from banner-bg.jpg
rename to img/banner-bg.1fcfd97b.jpg
diff --git a/krpom.svg b/img/krpom.6782e06a.svg
similarity index 100%
rename from krpom.svg
rename to img/krpom.6782e06a.svg
diff --git a/index.html b/index.html
index 356007a..dc9b042 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-
ksw-rpom-icon-vue
\ No newline at end of file
+ksw-rpom-icon-vue
\ No newline at end of file
diff --git a/js/app.de65762c.js b/js/app.de65762c.js
deleted file mode 100644
index 8be733d..0000000
--- a/js/app.de65762c.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(){"use strict";var t={7328:function(t,e,r){var a={};r.r(a),r.d(a,{IconAdd:function(){return I},IconCalendarColor:function(){return z}});var s=r(2856),o=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"app"}},[e("HeadItem"),e("IconsItem")],1)},i=[],n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"relative overflow-hidden bg-slate-50 pt-6"},[e("img",{staticClass:"absolute bottom-0 left-1/2 ml-[-639px] w-[1278px] max-w-none",staticStyle:{color:"transparent","--darkreader-inline-color":"transparent"},attrs:{alt:"",src:"/banner-bg.jpg",width:"2556",height:"630",decoding:"async","data-nimg":"future","data-darkreader-inline-color":""}}),e("div",{staticClass:"absolute inset-0 shadow-[inset_0_-1px_0_rgba(22,27,59,0.04)]"}),e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative"},[t._m(0),e("div",{staticClass:"flex justify-center text-center lg:pb-7 lg:pt-5 lg:text-left"},[e("div",{staticClass:"flex max-w-[37rem] flex-col py-16 lg:pb-11 lg:pt-12"},[e("div",{staticClass:"order-first flex items-center justify-center gap-4 text-[0.8125rem] leading-6 text-slate-500 lg:justify-start"},[e("p",[t._v(t._s(t.iconNumber)+" icons")]),e("svg",{staticClass:"w-0.5 fill-current",attrs:{viewBox:"0 0 2 2","aria-hidden":"true"}},[e("circle",{attrs:{cx:"1",cy:"1",r:"1"}})]),e("p",[t._v("v"+t._s(t.version))]),e("svg",{staticClass:"w-0.5 fill-current",attrs:{viewBox:"0 0 2 2","aria-hidden":"true"}},[e("circle",{attrs:{cx:"1",cy:"1",r:"1"}})]),e("p",[t._v("Vue libraries")])]),e("h1",{staticClass:"mt-6 text-[1.75rem] font-extrabold leading-9 tracking-tight text-slate-900 md:text-4xl"},[t._v(" Discover Ksw SVG Icons, Elevate Your UI with Effortless Integration. ")]),e("div",{staticClass:"mt-10 flex justify-center gap-8 lg:justify-start"},[e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-3 rounded-full px-4 py-2 text-base font-medium leading-6 text-white transition bg-blue-600 hover:bg-blue-800",attrs:{href:"https://ksw.design.donxj.com/components/icon"}},[t._v(" Get Started")]),e("button",{staticClass:"relative overflow-hidden -mx-1.5 -my-1 flex items-center gap-3 rounded-full px-4 py-2 text-base font-medium leading-6 text-slate-900 transition border border-slate-300 hover:border-blue-600 hover:text-blue-600",on:{click:function(e){return t.copyCode()}}},[t._v(" "+t._s(t.npmInstallCode)+" "),e("IconCopy"),t.showCopiedMessage?e("div",{staticClass:"absolute bg-white/[0.36] backdrop-blur-2xl top-0 left-0 w-full h-full flex items-center justify-center gap-2 transition duration-500",style:{opacity:t.opacityValue},attrs:{"will-change":"auto;"}},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 12.75 6 6 9-13.5"}})]),t._v(" Copied! ")]):t._e()],1)])]),e("div",{staticClass:"hidden lg:flex lg:flex-auto lg:justify-center"},[e("div",{staticClass:"relative aspect-square w-72 flex-none"},[e("svg",{staticClass:"absolute inset-0 h-full w-full overflow-visible",attrs:{viewBox:"0 0 288 288",fill:"none"}},[e("g",[e("mask",{staticStyle:{"mask-type":"alpha"},attrs:{id:"c",maskUnits:"userSpaceOnUse",x:"-333",y:"-242",width:"956",height:"927"}},[e("path",{attrs:{fill:"url(#b)",d:"M-333-242h956v927h-956z"}})]),e("g",{attrs:{mask:"url(#c)",fill:"#94A3B8","fill-opacity":".1",stroke:"#0F172A","stroke-opacity":".2","stroke-width":"1","stroke-dasharray":"4 4","stroke-linecap":"round","stroke-linejoin":"round"}},[e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m65.491 35.75c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.74c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 35.75c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.74c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 192.769c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.741c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m65.49 192.769c-16.426 0-29.741 13.316-29.741 29.741s13.316 29.74 29.741 29.74 29.741-13.316 29.741-29.741-13.315-29.74-29.741-29.74zm-43.24 29.741c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.361 43.24-43.242 43.24-43.24-19.359-43.24-43.24z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m-200.75 95.231h689.5v13.5h-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m-200.75 179.27h689.5v13.5h-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m192.769-200.75v689.5h-13.5v-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m108.731-200.75v689.5h-13.5v-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}})])]),e("defs",[e("radialGradient",{attrs:{id:"b",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(-492.00038 6.00263 -6.1904 -507.39124 188 139)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{"stop-color":"#D9D9D9","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{offset:".81","stop-color":"#D9D9D9","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1)],1)]),e("div",{staticClass:"absolute inset-0 bg-white/[0.01] backdrop-blur-[2px]"}),e("svg",{staticClass:"absolute inset-0 h-full w-full overflow-visible",attrs:{viewBox:"0 0 288 288",fill:"none","aria-hidden":"true"}},[e("path",{staticStyle:{"--darkreader-inline-fill":"#20009d","--darkreader-inline-stroke":"#bd78ff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 179.27h-29.74v-70.539h29.74c23.843 0 43.24-19.398 43.24-43.241s-19.397-43.24-43.24-43.24-43.24 19.397-43.24 43.24v29.741h-70.539v-29.741c0-23.843-19.397-43.24-43.24-43.24s-43.241 19.397-43.241 43.24 19.398 43.241 43.241 43.241h29.741v70.539h-29.741c-23.843 0-43.241 19.397-43.241 43.24s19.398 43.24 43.241 43.24 43.24-19.397 43.24-43.24v-29.74h70.539v29.74c0 23.843 19.397 43.24 43.24 43.24s43.24-19.397 43.24-43.24-19.397-43.24-43.24-43.24zm-29.74-113.78c0-16.399 13.342-29.74 29.74-29.74s29.74 13.341 29.74 29.74-13.342 29.741-29.74 29.741h-29.74zm-97.539 29.741h-29.74c-16.399 0-29.741-13.342-29.741-29.741s13.342-29.74 29.741-29.74 29.74 13.341 29.74 29.74zm0 127.279c0 16.398-13.341 29.74-29.74 29.74s-29.741-13.342-29.741-29.74 13.342-29.74 29.741-29.74h29.74zm84.039-43.24h-70.538v-70.539h70.538zm43.24 72.98c-16.398 0-29.74-13.342-29.74-29.74v-29.74h29.74c16.398 0 29.74 13.342 29.74 29.74s-13.342 29.74-29.74 29.74z",fill:"#A78BFA","fill-opacity":".2",stroke:"#8B5CF6","stroke-width":"2","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("g",{attrs:{mask:"url(#cc)","stroke-opacity":".1","stroke-width":"1"}},[e("path",{attrs:{d:"M-69 287.5h445",stroke:"url(#e)"}}),e("path",{attrs:{d:"m366.5 144h-445",stroke:"url(#e)"}}),e("path",{attrs:{d:"M-69 0h445",stroke:"url(#e)"}}),e("path",{attrs:{d:"M.25 355V-90",stroke:"url(#g)"}}),e("path",{attrs:{d:"m144 366.5v-445",stroke:"url(#g)"}}),e("path",{attrs:{d:"M287.75 355V-90",stroke:"url(#g)"}}),e("path",{attrs:{d:"m366.496 366.496-405.808-405.808",stroke:"url(#j)"}}),e("path",{attrs:{d:"m327.19-39.19-366.813 366.813",stroke:"url(#i)"}}),e("circle",{attrs:{cx:"144",cy:"144",r:"121.75",stroke:"#000"}}),e("circle",{attrs:{cx:"144",cy:"144",r:"86.56",stroke:"#000"}})]),e("g",{attrs:{stroke:"#000","stroke-opacity":".2","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1","stroke-dasharray":"2 4"}},[e("path",{attrs:{d:"m361.491 230.56h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 265.75h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 22.25h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 57.44h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m230.56 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m265.75 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m22.25 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m57.44 361.491v-436.986",stroke:"url(#g)"}})]),e("defs",[e("linearGradient",{attrs:{id:"e",x1:"375.75",y1:"296.754",x2:"-69.25",y2:"296.754",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"f",x1:"375.75",y1:"9.254",x2:"-69.25",y2:"9.254",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"g",x1:"9.504",y1:"-89.75",x2:"9.504",y2:"355.25",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"h",x1:"297.004",y1:"-89.75",x2:"297.004",y2:"355.25",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"a"}},[e("stop",{attrs:{offset:"0","stop-color":"#0f172a","stop-opacity":"0"}}),e("stop",{attrs:{offset:".258","stop-color":"#0f172a","stop-opacity":".6"}}),e("stop",{attrs:{offset:".521","stop-color":"#0f172a"}}),e("stop",{attrs:{offset:".784","stop-color":"#0f172a","stop-opacity":".6"}}),e("stop",{attrs:{offset:"1","stop-color":"#0f172a","stop-opacity":"0"}})],1),e("radialGradient",{attrs:{id:"b2",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(-492.00038 6.00263 -6.1904 -507.39124 188 139)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{"stop-color":"#D9D9D9","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{offset:".81","stop-color":"#D9D9D9","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("mask",{staticStyle:{"mask-type":"alpha"},attrs:{id:"cc",maskUnits:"userSpaceOnUse",x:"-333",y:"-242",width:"956",height:"927"}},[e("path",{attrs:{fill:"url(#b2)",d:"M-333-242h956v927h-956z"}})])],1)])])])])])])},l=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"relative z-10 flex items-center justify-between"},[e("div",{staticClass:"flex items-center gap-4"},[e("img",{staticClass:"h-7",attrs:{src:"/krpom.svg"}}),e("span",{staticClass:"text-xl font-semibold"},[t._v("Design")])]),e("div",{staticClass:"flex justify-center gap-8 lg:justify-start"},[e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"https://github.com/sengoku-f/ksw-rpom-icon-vue"}},[e("img",{staticClass:"size-6",attrs:{src:"/Github.svg"}}),t._v(" Github")]),e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"https://www.npmjs.com/package/ksw-rpom-icon-vue"}},[e("img",{staticClass:"size-6",attrs:{src:"/NPM.svg"}}),t._v("NPM Packages")]),e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"/"}},[e("img",{staticClass:"size-6",attrs:{src:"/Mastergo.svg"}}),t._v("Mastergo File")])])])}],d=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"}})])])},c=[],p=r(1656),f={},u=(0,p.A)(f,d,c,!1,null,null,null),h=u.exports,m=JSON.parse('[{"name":"IconAdd","modifiedTime":"2024-08-10T08:26:15.000Z"},{"name":"IconCalendarColor","modifiedTime":"2024-08-12T09:52:41.000Z"}]'),v={rE:"0.1.2"},k=r(9278),y=r.n(k);s["default"].use(y());var g={components:{IconCopy:h},data(){return{showCopiedMessage:!1,opacityValue:0,isThrottled:!1,iconNumber:m.length,version:v.rE,npmInstallCode:`npm i ksw-rpom-icon-vue@${v.rE}`}},methods:{displayCopiedMessage(){this.showCopiedMessage=!0,this.$nextTick((()=>{this.opacityValue=1,setTimeout((()=>{this.opacityValue=0,setTimeout((()=>{this.showCopiedMessage=!1,this.isThrottled=!1}),500)}),1500)}))},copyCode(){this.isThrottled||(this.isThrottled=!0,this.$copyText(this.npmInstallCode).then((()=>{this.displayCopiedMessage()}),(t=>{console.error("复制失败:",t),this.isThrottled=!1})))}}},x=g,w=(0,p.A)(x,n,l,!1,null,null,null),b=w.exports,C=function(){var t=this,e=t._self._c;return e("div",[e("div",{staticClass:"pointer-events-none sticky top-0 z-50 -mb-10 overflow-hidden pb-10 sm:-mb-11 sm:pb-11 md:-mb-12 md:pb-12"},[e("div",{staticClass:"relative"},[e("svg",{staticClass:"absolute bottom-[-16px] left-1/2 ml-[-570px] w-[1140px]",attrs:{viewBox:"0 0 1140 34",fill:"none"}},[e("g",{attrs:{opacity:".6",filter:"url(#:R5l6:-a)"}},[e("path",{attrs:{fill:"url(#:R5l6:-b)",d:"M6 6h1128v22H6z"}}),e("path",{attrs:{fill:"url(#:R5l6:-c)",d:"M6 6h1128v22H6z"}})]),e("defs",[e("radialGradient",{attrs:{id:":R5l6:-c",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(0 -22 1128 0 563 28)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#111415"},attrs:{offset:".273","stop-color":"#fff","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#111415"},attrs:{offset:"1","stop-color":"#fff","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:":R5l6:-b",x1:"6",y1:"6",x2:"1134",y2:"6",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#20009d"},attrs:{"stop-color":"#A78BFA","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#20009d"},attrs:{offset:".323","stop-color":"#A78BFA","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#d6056c"},attrs:{offset:".672","stop-color":"#EC4899","stop-opacity":".3","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#d6056c"},attrs:{offset:"1","stop-color":"#EC4899","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("filter",{attrs:{id:":R5l6:-a",x:"0",y:"0",width:"1140",height:"34",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"}},[e("feFlood",{attrs:{"flood-opacity":"0",result:"BackgroundImageFix"}}),e("feBlend",{attrs:{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}}),e("feGaussianBlur",{attrs:{stdDeviation:"3",result:"effect1_foregroundBlur_311_43535"}})],1)],1)]),e("div",{staticClass:"pointer-events-auto relative bg-white pb-4 shadow-[0_1px_3px_rgba(15,23,42,0.08)] sm:pb-0"},[e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center"},[e("div",{staticClass:"relative flex-auto"},[e("IconSearch",{staticClass:"pointer-events-none absolute flex justify-center items-center inset-y-0 left-0 h-full w-5 fill-slate-500 transition"}),e("input",{directives:[{name:"model",rawName:"v-model",value:t.searchQuery,expression:"searchQuery"}],staticClass:"block w-full appearance-none rounded-lg bg-transparent py-6 pl-9 pr-4 text-base text-slate-900 transition placeholder:text-slate-400 focus:outline-none sm:text-[0.8125rem] sm:leading-6 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none",attrs:{type:"search","aria-label":"搜索所有图标",placeholder:"搜索所有图标…"},domProps:{value:t.searchQuery},on:{input:function(e){e.target.composing||(t.searchQuery=e.target.value)}}})],1)])])])]),e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"},[e("div",{staticClass:"mt-9 hidden md:flex isolate items-baseline lg:gap-4",attrs:{"aria-hidden":"false",role:"tablist","aria-orientation":"horizontal"}},[e("button",{class:t.allButtonClass,on:{click:function(e){return t.filterColorIcons(!1)}}},[t._v(" 全部 ")]),e("button",{class:t.colorButtonClass,on:{click:function(e){return t.filterColorIcons(!0)}}},[t._v(" 彩色 ")]),e("div",{staticClass:"ml-auto text-sm flex items-center gap-4",attrs:{role:"none","aria-hidden":"true"}},[e("label",{staticClass:"flex items-center gap-1 cursor-pointer select-none"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.showAnimationIcons,expression:"showAnimationIcons"}],staticClass:"size-4",attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.showAnimationIcons)?t._i(t.showAnimationIcons,null)>-1:t.showAnimationIcons},on:{change:[function(e){var r=t.showAnimationIcons,a=e.target,s=!!a.checked;if(Array.isArray(r)){var o=null,i=t._i(r,o);a.checked?i<0&&(t.showAnimationIcons=r.concat([o])):i>-1&&(t.showAnimationIcons=r.slice(0,i).concat(r.slice(i+1)))}else t.showAnimationIcons=s},t.sortIcons]}}),t._v(" 动画图标 ")]),e("div",{staticClass:"relative inline-block"},[e("select",{staticClass:"appearance-none px-4 py-1 rounded-md border hover:bg-slate-50 border-slate-200 cursor-pointer focus-visible:outline-none pr-8",on:{change:t.handleSortChange}},[e("option",{attrs:{value:"date"}},[t._v("最新")]),e("option",{attrs:{value:"name"}},[t._v("默认")])]),e("IconArrowDown",{staticClass:"absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none"})],1)])]),e("ul",{staticClass:"wrapper"},t._l(t.filteredIconNames,(function(r){return e("li",{key:r,staticClass:"group item cursor-pointer",attrs:{title:r},on:{click:function(e){return t.copyName(r)}}},[e(t.Icons[r],{tag:"component"}),e("div",{staticClass:"text-xs antialiased text-center truncate text-slate-500 text-wrap w-full h-4 group-hover:overflow-visible group-hover:break-words select-none"},[t._v(" "+t._s(r)+" ")])],1)})),0)])])},S=[];r(4114);const A={size:"1em",color:"currentColor",spin:!1,prefix:"ksw"};function _(t,e,r){return{name:"Icon"+t,props:{size:{type:[String,Number],default:A.size},color:{type:String,default:A.color},rotate:{type:Number},spin:{type:Boolean,default:e||A.spin},grayscale:{type:Boolean,default:!1}},render(e){const{spin:a,grayscale:s}=this,o=[`${A.prefix}-icon`,`${A.prefix}-icon-${t}`];return a&&o.push(`${A.prefix}-icon-spin`),s&&o.push(`${A.prefix}-icon-grayscale`),e("span",{class:o.join(" ")},[r(e,this)])}}}var I=_("Add",!1,(function(t,e){return t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,"aria-hidden":!0,viewBox:"0 0 24 24",transform:e.rotate?`rotate(${e.rotate})`:void 0,fill:e.color}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M11.25 4.5q0-.074.014-.146.015-.073.043-.141t.07-.13q.04-.061.093-.113.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043T12 3.75t.146.014.141.043.13.07.113.093q.053.052.094.113.04.062.069.13.028.068.043.14t.014.147v6.75h6.75q.074 0 .146.014.073.015.141.043t.13.07q.061.04.113.093.053.052.094.113.04.062.069.13.028.068.043.14t.014.147-.014.146-.043.141-.07.13-.093.113q-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043t-.147.014h-6.75v6.75q0 .074-.014.146-.015.073-.043.141t-.07.13q-.04.061-.093.113-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043T12 20.25t-.146-.014-.141-.043-.13-.07-.113-.093q-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14t-.014-.147v-6.75H4.5q-.074 0-.146-.014-.073-.015-.141-.043t-.13-.07q-.061-.04-.113-.093-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14T3.75 12t.014-.146.043-.141.07-.13.093-.113q.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043t.147-.014h6.75z"}},null)])})),z=_("CalendarColor",!1,(function(t,e){let r="17",a="7月";try{const t=new Date,e="zh-cn";r=t.getDate(),a=t.toLocaleString(e,{month:"short"}).toUpperCase()}catch(s){console.error("Error occurred while parsing date:",s)}return t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,fill:"none","aria-hidden":!0,viewBox:"0 0 24 24",transform:e.rotate?`rotate(${e.rotate})`:void 0}},[t("defs",{attrs:{}},[t("linearGradient",{attrs:{id:"301a9413_a",x1:".5",x2:".5",y1:"0",y2:"1"}},[t("stop",{attrs:{offset:"0%","stop-color":"#FCFCFB"}},null),t("stop",{attrs:{offset:"100%","stop-color":"#F0EEE7"}},null)])]),t("path",{attrs:{fill:"#F53F3F",d:"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v3H2Z"}},null),t("path",{attrs:{fill:"url(#301a9413_a)",d:"M2 8h20v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z"}},null),t("text",{attrs:{x:"50%",y:"6.75",style:"font-size:4px;font-weight:600;fill:#fff;text-anchor:middle"}},a),t("text",{attrs:{x:"50%",y:"15.5",style:"font-size:12px;fill:#262626;text-anchor:middle;dominant-baseline:middle"}},r)])})),F=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"}})])])},B=[],j={},M=(0,p.A)(j,F,B,!1,null,null,null),T=M.exports,O=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}})])])},U=[],D={},G=(0,p.A)(D,O,U,!1,null,null,null),N=G.exports,q=r(1927),V=r.n(q);s["default"].use(y()),s["default"].use(V());var E={components:{IconSearch:T,IconArrowDown:N},data(){return{Icons:a,showCopiedMessage:!1,opacityValue:0,isThrottled:!1,iconNames:Object.keys(a),sortBy:"date",showColorIcons:!1,showAnimationIcons:!1,searchQuery:""}},computed:{filteredIconNames(){return this.iconNames.filter((t=>t.toLowerCase().includes(this.searchQuery.toLowerCase())))},allButtonClass(){return this.getButtonClass(!this.showColorIcons)},colorButtonClass(){return this.getButtonClass(this.showColorIcons)}},methods:{async copyName(t){try{await this.$copyText(t),V().success("复制成功: "+t,{duration:3e3})}catch(e){console.error("复制失败:",e)}},sortIcons(){let t=[...m];"date"===this.sortBy?t.sort(((t,e)=>new Date(e.modifiedTime)-new Date(t.modifiedTime))):t.sort(((t,e)=>t.name.localeCompare(e.name))),this.showColorIcons&&(t=t.filter((t=>t.name.includes("Color")))),this.showAnimationIcons&&(t=t.filter((t=>t.name.includes("Animation")))),this.iconNames=t.map((t=>t.name))},handleSortChange(t){this.sortBy=t.target.value,this.sortIcons()},filterColorIcons(t){this.showColorIcons=t,this.sortIcons()},toggleAnimationIcons(){this.showAnimationIcons=!this.showAnimationIcons,this.sortIcons()},getButtonClass(t){const e=["inline-flex","px-3","py-1.5","text-sm","font-medium","leading-6","duration-200","rounded-md","transition-all"];return t?[...e,"text-slate-900","bg-slate-100"]:[...e,"text-slate-500","hover:text-slate-900","hover:bg-slate-50"]}},mounted(){this.sortIcons()}},$=E,H=(0,p.A)($,C,S,!1,null,"1236eca4",null),P=H.exports,R={name:"App",components:{HeadItem:b,IconsItem:P}},Q=R,Z=(0,p.A)(Q,o,i,!1,null,"8b8014d0",null),L=Z.exports;s["default"].config.productionTip=!1,new s["default"]({render:t=>t(L)}).$mount("#app")}},e={};function r(a){var s=e[a];if(void 0!==s)return s.exports;var o=e[a]={exports:{}};return t[a].call(o.exports,o,o.exports,r),o.exports}r.m=t,function(){var t=[];r.O=function(e,a,s,o){if(!a){var i=1/0;for(c=0;c=o)&&Object.keys(r.O).every((function(t){return r.O[t](a[l])}))?a.splice(l--,1):(n=!1,o0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[a,s,o]}}(),function(){r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,{a:e}),e}}(),function(){r.d=function(t,e){for(var a in e)r.o(e,a)&&!r.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})}}(),function(){r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()}(),function(){r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){var t={524:0};r.O.j=function(e){return 0===t[e]};var e=function(e,a){var s,o,i=a[0],n=a[1],l=a[2],d=0;if(i.some((function(e){return 0!==t[e]}))){for(s in n)r.o(n,s)&&(r.m[s]=n[s]);if(l)var c=l(r)}for(e&&e(a);d\n import Vue from 'vue';\n import IconCopy from './icon/IconCopy.vue';\n import iconsData from '~/icons.json';\n import packageData from '/package.json';\n import VueClipboard from 'vue-clipboard2';\n \n Vue.use(VueClipboard);\n \n export default {\n components: {\n IconCopy\n },\n data() {\n return {\n showCopiedMessage: false,\n opacityValue: 0,\n isThrottled: false,\n iconNumber: iconsData.length,\n version: packageData.version,\n npmInstallCode: `npm i ksw-rpom-icon-vue@${packageData.version}`\n };\n },\n methods: {\n displayCopiedMessage() {\n this.showCopiedMessage = true;\n this.$nextTick(() => {\n this.opacityValue = 1;\n setTimeout(() => {\n this.opacityValue = 0;\n setTimeout(() => {\n this.showCopiedMessage = false;\n this.isThrottled = false;\n }, 500);\n }, 1500);\n });\n },\n copyCode() {\n if (this.isThrottled) return;\n this.isThrottled = true;\n this.$copyText(this.npmInstallCode).then(\n () => {\n this.displayCopiedMessage();\n },\n (error) => {\n console.error('复制失败:', error);\n this.isThrottled = false;\n }\n );\n }\n }\n };\n \n\n\n \n
\n
\n
\n
\n
\n
\n
Design\n
\n
\n
\n
\n
\n
\n
{{ iconNumber }} icons
\n
\n
v{{ version }}
\n
\n
Vue libraries
\n
\n
\n Discover Ksw SVG Icons, Elevate Your UI with Effortless Integration.\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HeadItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HeadItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HeadItem.vue?vue&type=template&id=d92b739e\"\nimport script from \"./HeadItem.vue?vue&type=script&lang=js\"\nexport * from \"./HeadItem.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"pointer-events-none sticky top-0 z-50 -mb-10 overflow-hidden pb-10 sm:-mb-11 sm:pb-11 md:-mb-12 md:pb-12\"},[_c('div',{staticClass:\"relative\"},[_c('svg',{staticClass:\"absolute bottom-[-16px] left-1/2 ml-[-570px] w-[1140px]\",attrs:{\"viewBox\":\"0 0 1140 34\",\"fill\":\"none\"}},[_c('g',{attrs:{\"opacity\":\".6\",\"filter\":\"url(#:R5l6:-a)\"}},[_c('path',{attrs:{\"fill\":\"url(#:R5l6:-b)\",\"d\":\"M6 6h1128v22H6z\"}}),_c('path',{attrs:{\"fill\":\"url(#:R5l6:-c)\",\"d\":\"M6 6h1128v22H6z\"}})]),_c('defs',[_c('radialGradient',{attrs:{\"id\":\":R5l6:-c\",\"cx\":\"0\",\"cy\":\"0\",\"r\":\"1\",\"gradientUnits\":\"userSpaceOnUse\",\"gradientTransform\":\"matrix(0 -22 1128 0 563 28)\"}},[_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#111415\"},attrs:{\"offset\":\".273\",\"stop-color\":\"#fff\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#111415\"},attrs:{\"offset\":\"1\",\"stop-color\":\"#fff\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}})],1),_c('linearGradient',{attrs:{\"id\":\":R5l6:-b\",\"x1\":\"6\",\"y1\":\"6\",\"x2\":\"1134\",\"y2\":\"6\",\"gradientUnits\":\"userSpaceOnUse\"}},[_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#20009d\"},attrs:{\"stop-color\":\"#A78BFA\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#20009d\"},attrs:{\"offset\":\".323\",\"stop-color\":\"#A78BFA\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#d6056c\"},attrs:{\"offset\":\".672\",\"stop-color\":\"#EC4899\",\"stop-opacity\":\".3\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#d6056c\"},attrs:{\"offset\":\"1\",\"stop-color\":\"#EC4899\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}})],1),_c('filter',{attrs:{\"id\":\":R5l6:-a\",\"x\":\"0\",\"y\":\"0\",\"width\":\"1140\",\"height\":\"34\",\"filterUnits\":\"userSpaceOnUse\",\"color-interpolation-filters\":\"sRGB\"}},[_c('feFlood',{attrs:{\"flood-opacity\":\"0\",\"result\":\"BackgroundImageFix\"}}),_c('feBlend',{attrs:{\"in\":\"SourceGraphic\",\"in2\":\"BackgroundImageFix\",\"result\":\"shape\"}}),_c('feGaussianBlur',{attrs:{\"stdDeviation\":\"3\",\"result\":\"effect1_foregroundBlur_311_43535\"}})],1)],1)]),_c('div',{staticClass:\"pointer-events-auto relative bg-white pb-4 shadow-[0_1px_3px_rgba(15,23,42,0.08)] sm:pb-0\"},[_c('div',{staticClass:\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center\"},[_c('div',{staticClass:\"relative flex-auto\"},[_c('IconSearch',{staticClass:\"pointer-events-none absolute flex justify-center items-center inset-y-0 left-0 h-full w-5 fill-slate-500 transition\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"block w-full appearance-none rounded-lg bg-transparent py-6 pl-9 pr-4 text-base text-slate-900 transition placeholder:text-slate-400 focus:outline-none sm:text-[0.8125rem] sm:leading-6 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none\",attrs:{\"type\":\"search\",\"aria-label\":\"搜索所有图标\",\"placeholder\":\"搜索所有图标…\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value}}})],1)])])])]),_c('div',{staticClass:\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\"},[_c('div',{staticClass:\"mt-9 hidden md:flex isolate items-baseline lg:gap-4\",attrs:{\"aria-hidden\":\"false\",\"role\":\"tablist\",\"aria-orientation\":\"horizontal\"}},[_c('button',{class:_vm.allButtonClass,on:{\"click\":function($event){return _vm.filterColorIcons(false)}}},[_vm._v(\" 全部 \")]),_c('button',{class:_vm.colorButtonClass,on:{\"click\":function($event){return _vm.filterColorIcons(true)}}},[_vm._v(\" 彩色 \")]),_c('div',{staticClass:\"ml-auto text-sm flex items-center gap-4\",attrs:{\"role\":\"none\",\"aria-hidden\":\"true\"}},[_c('label',{staticClass:\"flex items-center gap-1 cursor-pointer select-none\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.showAnimationIcons),expression:\"showAnimationIcons\"}],staticClass:\"size-4\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.showAnimationIcons)?_vm._i(_vm.showAnimationIcons,null)>-1:(_vm.showAnimationIcons)},on:{\"change\":[function($event){var $$a=_vm.showAnimationIcons,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.showAnimationIcons=$$a.concat([$$v]))}else{$$i>-1&&(_vm.showAnimationIcons=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.showAnimationIcons=$$c}},_vm.sortIcons]}}),_vm._v(\" 动画图标 \")]),_c('div',{staticClass:\"relative inline-block\"},[_c('select',{staticClass:\"appearance-none px-4 py-1 rounded-md border hover:bg-slate-50 border-slate-200 cursor-pointer focus-visible:outline-none pr-8\",on:{\"change\":_vm.handleSortChange}},[_c('option',{attrs:{\"value\":\"date\"}},[_vm._v(\"最新\")]),_c('option',{attrs:{\"value\":\"name\"}},[_vm._v(\"默认\")])]),_c('IconArrowDown',{staticClass:\"absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none\"})],1)])]),_c('ul',{staticClass:\"wrapper\"},_vm._l((_vm.filteredIconNames),function(iconComponentName){return _c('li',{key:iconComponentName,staticClass:\"group item cursor-pointer\",attrs:{\"title\":iconComponentName},on:{\"click\":function($event){return _vm.copyName(iconComponentName)}}},[_c(_vm.Icons[iconComponentName],{tag:\"component\"}),_c('div',{staticClass:\"text-xs antialiased text-center truncate text-slate-500 text-wrap w-full h-4 group-hover:overflow-visible group-hover:break-words select-none\"},[_vm._v(\" \"+_vm._s(iconComponentName)+\" \")])],1)}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const DEFAULT_ICON_CONFIGS = {\n size: \"1em\",\n color: \"currentColor\",\n spin: false,\n prefix: \"ksw\",\n};\n\nexport function IconWrapper(name, spin, render) {\n return {\n name: \"Icon\" + name,\n props: {\n size: {\n type: [String, Number],\n default: DEFAULT_ICON_CONFIGS.size,\n },\n color: {\n type: String,\n default: DEFAULT_ICON_CONFIGS.color,\n },\n rotate: {\n type: Number,\n },\n spin: {\n type: Boolean,\n default: spin || DEFAULT_ICON_CONFIGS.spin,\n },\n grayscale: {\n type: Boolean,\n default: false,\n },\n },\n render(h) {\n const { spin, grayscale } = this;\n const cls = [\n `${DEFAULT_ICON_CONFIGS.prefix}-icon`,\n `${DEFAULT_ICON_CONFIGS.prefix}-icon-${name}`,\n ];\n if (spin) {\n cls.push(`${DEFAULT_ICON_CONFIGS.prefix}-icon-spin`);\n }\n if (grayscale) {\n cls.push(`${DEFAULT_ICON_CONFIGS.prefix}-icon-grayscale`);\n }\n return h(\n \"span\",\n {\n class: cls.join(\" \"),\n },\n [render(h, this)]\n );\n },\n };\n}\n","import { IconWrapper } from \"../runtime\";\n\nexport default IconWrapper(\"Add\", false, function (h, props) {\n return h(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: props.size,\n height: props.size,\n \"aria-hidden\": true,\n viewBox: \"0 0 24 24\",\n transform: props.rotate ? `rotate(${props.rotate})` : undefined,\n fill: props.color,\n },\n },\n [\n h(\n \"path\",\n {\n attrs: {\n \"fill-rule\": \"evenodd\",\n d: \"M11.25 4.5q0-.074.014-.146.015-.073.043-.141t.07-.13q.04-.061.093-.113.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043T12 3.75t.146.014.141.043.13.07.113.093q.053.052.094.113.04.062.069.13.028.068.043.14t.014.147v6.75h6.75q.074 0 .146.014.073.015.141.043t.13.07q.061.04.113.093.053.052.094.113.04.062.069.13.028.068.043.14t.014.147-.014.146-.043.141-.07.13-.093.113q-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043t-.147.014h-6.75v6.75q0 .074-.014.146-.015.073-.043.141t-.07.13q-.04.061-.093.113-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043T12 20.25t-.146-.014-.141-.043-.13-.07-.113-.093q-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14t-.014-.147v-6.75H4.5q-.074 0-.146-.014-.073-.015-.141-.043t-.13-.07q-.061-.04-.113-.093-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14T3.75 12t.014-.146.043-.141.07-.13.093-.113q.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043t.147-.014h6.75z\",\n },\n },\n null,\n ),\n ],\n );\n});\n","import { IconWrapper } from \"../runtime\";\n\nexport default IconWrapper(\"CalendarColor\", false, function (h, props) {\n let DD = \"17\";\n let MMM = \"7月\";\n try {\n const time = new Date();\n const locale = \"zh-cn\";\n DD = time.getDate();\n MMM = time.toLocaleString(locale, { month: \"short\" }).toUpperCase();\n } catch (error) {\n console.error(\"Error occurred while parsing date:\", error);\n }\n\n return h(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: props.size,\n height: props.size,\n fill: \"none\",\n \"aria-hidden\": true,\n viewBox: \"0 0 24 24\",\n transform: props.rotate ? `rotate(${props.rotate})` : undefined,\n },\n },\n [\n h(\"defs\", { attrs: {} }, [\n h(\n \"linearGradient\",\n { attrs: { id: \"301a9413_a\", x1: \".5\", x2: \".5\", y1: \"0\", y2: \"1\" } },\n [\n h(\n \"stop\",\n { attrs: { offset: \"0%\", \"stop-color\": \"#FCFCFB\" } },\n null,\n ),\n h(\n \"stop\",\n { attrs: { offset: \"100%\", \"stop-color\": \"#F0EEE7\" } },\n null,\n ),\n ],\n ),\n ]),\n h(\n \"path\",\n {\n attrs: {\n fill: \"#F53F3F\",\n d: \"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v3H2Z\",\n },\n },\n null,\n ),\n h(\n \"path\",\n {\n attrs: {\n fill: \"url(#301a9413_a)\",\n d: \"M2 8h20v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z\",\n },\n },\n null,\n ),\n h(\n \"text\",\n {\n attrs: {\n x: \"50%\",\n y: \"6.75\",\n style: \"font-size:4px;font-weight:600;fill:#fff;text-anchor:middle\",\n },\n },\n MMM,\n ),\n h(\n \"text\",\n {\n attrs: {\n x: \"50%\",\n y: \"15.5\",\n style:\n \"font-size:12px;fill:#262626;text-anchor:middle;dominant-baseline:middle\",\n },\n },\n DD,\n ),\n ],\n );\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"ksw-icon\"},[_c('svg',{attrs:{\"width\":\"1em\",\"height\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconSearch.vue?vue&type=template&id=0e6197f9\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"ksw-icon\"},[_c('svg',{attrs:{\"width\":\"1em\",\"height\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m19.5 8.25-7.5 7.5-7.5-7.5\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconArrowDown.vue?vue&type=template&id=8d6c5f76\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n\n\n\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IconsItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IconsItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IconsItem.vue?vue&type=template&id=1236eca4&scoped=true\"\nimport script from \"./IconsItem.vue?vue&type=script&lang=js\"\nexport * from \"./IconsItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./IconsItem.vue?vue&type=style&index=0&id=1236eca4&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1236eca4\",\n null\n \n)\n\nexport default component.exports","\n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=8b8014d0&scoped=true\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=8b8014d0&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8b8014d0\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\n// import { KrpomIcon } from \"./index.js\";\nimport \"~/styles/icon.css\";\nimport \"~/tailwindcss.css\";\n\nVue.config.productionTip = false\n\n// Vue.use(KrpomIcon);\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkksw_rpom_icon_vue\"] = self[\"webpackChunkksw_rpom_icon_vue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(7328); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","attrs","staticRenderFns","staticClass","staticStyle","_m","_v","_s","iconNumber","version","on","$event","copyCode","npmInstallCode","showCopiedMessage","style","opacity","opacityValue","_e","script","component","Vue","use","VueClipboard","components","IconCopy","data","isThrottled","iconsData","length","packageData","methods","displayCopiedMessage","$nextTick","setTimeout","$copyText","then","error","console","directives","name","rawName","value","searchQuery","expression","domProps","target","composing","class","allButtonClass","filterColorIcons","colorButtonClass","showAnimationIcons","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","sortIcons","handleSortChange","_l","filteredIconNames","iconComponentName","key","copyName","Icons","tag","DEFAULT_ICON_CONFIGS","size","color","spin","prefix","IconWrapper","props","type","String","Number","default","rotate","Boolean","grayscale","h","cls","push","join","xmlns","width","height","viewBox","transform","undefined","fill","d","DD","MMM","time","Date","locale","getDate","toLocaleString","month","toUpperCase","id","x1","x2","y1","y2","offset","x","y","Message","IconSearch","IconArrowDown","iconNames","Object","keys","sortBy","showColorIcons","computed","filter","iconName","toLowerCase","includes","getButtonClass","duration","sortedIcons","sort","a","b","modifiedTime","localeCompare","icon","map","event","show","toggleAnimationIcons","isColor","commonButtonClass","mounted","HeadItem","IconsItem","config","productionTip","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","every","splice","r","n","getter","__esModule","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/app.eb96471c.js b/js/app.eb96471c.js
new file mode 100644
index 0000000..b4d2004
--- /dev/null
+++ b/js/app.eb96471c.js
@@ -0,0 +1,2 @@
+(function(){"use strict";var t={8294:function(t,e,r){var a={};r.r(a),r.d(a,{IconAdd:function(){return I},IconCalendarColor:function(){return z}});var o=r(2856),s=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"app"}},[e("HeadItem"),e("IconsItem")],1)},i=[],n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"relative overflow-hidden bg-slate-50 pt-6"},[e("img",{staticClass:"absolute bottom-0 left-1/2 ml-[-639px] w-[1278px] max-w-none",staticStyle:{color:"transparent","--darkreader-inline-color":"transparent"},attrs:{alt:"",src:r(680),width:"2556",height:"630",decoding:"async","data-nimg":"future","data-darkreader-inline-color":""}}),e("div",{staticClass:"absolute inset-0 shadow-[inset_0_-1px_0_rgba(22,27,59,0.04)]"}),e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative"},[t._m(0),e("div",{staticClass:"flex justify-center text-center lg:pb-7 lg:pt-5 lg:text-left"},[e("div",{staticClass:"flex max-w-[37rem] flex-col py-16 lg:pb-11 lg:pt-12"},[e("div",{staticClass:"order-first flex items-center justify-center gap-4 text-[0.8125rem] leading-6 text-slate-500 lg:justify-start"},[e("p",[t._v(t._s(t.iconNumber)+" icons")]),e("svg",{staticClass:"w-0.5 fill-current",attrs:{viewBox:"0 0 2 2","aria-hidden":"true"}},[e("circle",{attrs:{cx:"1",cy:"1",r:"1"}})]),e("p",[t._v("v"+t._s(t.version))]),e("svg",{staticClass:"w-0.5 fill-current",attrs:{viewBox:"0 0 2 2","aria-hidden":"true"}},[e("circle",{attrs:{cx:"1",cy:"1",r:"1"}})]),e("p",[t._v("Vue libraries")])]),e("h1",{staticClass:"mt-6 text-[1.75rem] font-extrabold leading-9 tracking-tight text-slate-900 md:text-4xl"},[t._v(" Discover Ksw SVG Icons, Elevate Your UI with Effortless Integration. ")]),e("div",{staticClass:"mt-10 flex justify-center gap-8 lg:justify-start"},[e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-3 rounded-full px-4 py-2 text-base font-medium leading-6 text-white transition bg-blue-600 hover:bg-blue-800",attrs:{href:"https://ksw.design.donxj.com/components/icon"}},[t._v(" Get Started")]),e("button",{staticClass:"relative overflow-hidden -mx-1.5 -my-1 flex items-center gap-3 rounded-full px-4 py-2 text-base font-medium leading-6 text-slate-900 transition border border-slate-300 hover:border-blue-600 hover:text-blue-600",on:{click:function(e){return t.copyCode()}}},[t._v(" "+t._s(t.npmInstallCode)+" "),e("IconCopy"),t.showCopiedMessage?e("div",{staticClass:"absolute bg-white/[0.36] backdrop-blur-2xl top-0 left-0 w-full h-full flex items-center justify-center gap-2 transition duration-500",style:{opacity:t.opacityValue},attrs:{"will-change":"auto;"}},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 12.75 6 6 9-13.5"}})]),t._v(" Copied! ")]):t._e()],1)])]),e("div",{staticClass:"hidden lg:flex lg:flex-auto lg:justify-center"},[e("div",{staticClass:"relative aspect-square w-72 flex-none"},[e("svg",{staticClass:"absolute inset-0 h-full w-full overflow-visible",attrs:{viewBox:"0 0 288 288",fill:"none"}},[e("g",[e("mask",{staticStyle:{"mask-type":"alpha"},attrs:{id:"c",maskUnits:"userSpaceOnUse",x:"-333",y:"-242",width:"956",height:"927"}},[e("path",{attrs:{fill:"url(#b)",d:"M-333-242h956v927h-956z"}})]),e("g",{attrs:{mask:"url(#c)",fill:"#94A3B8","fill-opacity":".1",stroke:"#0F172A","stroke-opacity":".2","stroke-width":"1","stroke-dasharray":"4 4","stroke-linecap":"round","stroke-linejoin":"round"}},[e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m65.491 35.75c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.74c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 35.75c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.74c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 192.769c-16.426 0-29.741 13.316-29.741 29.741s13.315 29.741 29.741 29.741c16.425 0 29.741-13.316 29.741-29.741s-13.316-29.741-29.741-29.741zm-43.241 29.741c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.36 43.241-43.241 43.241-43.241-19.36-43.241-43.241z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m65.49 192.769c-16.426 0-29.741 13.316-29.741 29.741s13.316 29.74 29.741 29.74 29.741-13.316 29.741-29.741-13.315-29.74-29.741-29.74zm-43.24 29.741c0-23.881 19.36-43.241 43.241-43.241s43.241 19.36 43.241 43.241-19.361 43.24-43.242 43.24-43.24-19.359-43.24-43.24z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m-200.75 95.231h689.5v13.5h-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m-200.75 179.27h689.5v13.5h-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m192.769-200.75v689.5h-13.5v-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("path",{staticStyle:{"--darkreader-inline-fill":"#4b5e7b","--darkreader-inline-stroke":"#ffffff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m108.731-200.75v689.5h-13.5v-689.5z","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}})])]),e("defs",[e("radialGradient",{attrs:{id:"b",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(-492.00038 6.00263 -6.1904 -507.39124 188 139)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{"stop-color":"#D9D9D9","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{offset:".81","stop-color":"#D9D9D9","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1)],1)]),e("div",{staticClass:"absolute inset-0 bg-white/[0.01] backdrop-blur-[2px]"}),e("svg",{staticClass:"absolute inset-0 h-full w-full overflow-visible",attrs:{viewBox:"0 0 288 288",fill:"none","aria-hidden":"true"}},[e("path",{staticStyle:{"--darkreader-inline-fill":"#20009d","--darkreader-inline-stroke":"#bd78ff"},attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"m222.51 179.27h-29.74v-70.539h29.74c23.843 0 43.24-19.398 43.24-43.241s-19.397-43.24-43.24-43.24-43.24 19.397-43.24 43.24v29.741h-70.539v-29.741c0-23.843-19.397-43.24-43.24-43.24s-43.241 19.397-43.241 43.24 19.398 43.241 43.241 43.241h29.741v70.539h-29.741c-23.843 0-43.241 19.397-43.241 43.24s19.398 43.24 43.241 43.24 43.24-19.397 43.24-43.24v-29.74h70.539v29.74c0 23.843 19.397 43.24 43.24 43.24s43.24-19.397 43.24-43.24-19.397-43.24-43.24-43.24zm-29.74-113.78c0-16.399 13.342-29.74 29.74-29.74s29.74 13.341 29.74 29.74-13.342 29.741-29.74 29.741h-29.74zm-97.539 29.741h-29.74c-16.399 0-29.741-13.342-29.741-29.741s13.342-29.74 29.741-29.74 29.74 13.341 29.74 29.74zm0 127.279c0 16.398-13.341 29.74-29.74 29.74s-29.741-13.342-29.741-29.74 13.342-29.74 29.741-29.74h29.74zm84.039-43.24h-70.538v-70.539h70.538zm43.24 72.98c-16.398 0-29.74-13.342-29.74-29.74v-29.74h29.74c16.398 0 29.74 13.342 29.74 29.74s-13.342 29.74-29.74 29.74z",fill:"#A78BFA","fill-opacity":".2",stroke:"#8B5CF6","stroke-width":"2","data-darkreader-inline-fill":"","data-darkreader-inline-stroke":""}}),e("g",{attrs:{mask:"url(#cc)","stroke-opacity":".1","stroke-width":"1"}},[e("path",{attrs:{d:"M-69 287.5h445",stroke:"url(#e)"}}),e("path",{attrs:{d:"m366.5 144h-445",stroke:"url(#e)"}}),e("path",{attrs:{d:"M-69 0h445",stroke:"url(#e)"}}),e("path",{attrs:{d:"M.25 355V-90",stroke:"url(#g)"}}),e("path",{attrs:{d:"m144 366.5v-445",stroke:"url(#g)"}}),e("path",{attrs:{d:"M287.75 355V-90",stroke:"url(#g)"}}),e("path",{attrs:{d:"m366.496 366.496-405.808-405.808",stroke:"url(#j)"}}),e("path",{attrs:{d:"m327.19-39.19-366.813 366.813",stroke:"url(#i)"}}),e("circle",{attrs:{cx:"144",cy:"144",r:"121.75",stroke:"#000"}}),e("circle",{attrs:{cx:"144",cy:"144",r:"86.56",stroke:"#000"}})]),e("g",{attrs:{stroke:"#000","stroke-opacity":".2","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1","stroke-dasharray":"2 4"}},[e("path",{attrs:{d:"m361.491 230.56h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 265.75h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 22.25h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m361.491 57.44h-436.986",stroke:"url(#e)"}}),e("path",{attrs:{d:"m230.56 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m265.75 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m22.25 361.491v-436.986",stroke:"url(#g)"}}),e("path",{attrs:{d:"m57.44 361.491v-436.986",stroke:"url(#g)"}})]),e("defs",[e("linearGradient",{attrs:{id:"e",x1:"375.75",y1:"296.754",x2:"-69.25",y2:"296.754",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"f",x1:"375.75",y1:"9.254",x2:"-69.25",y2:"9.254",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"g",x1:"9.504",y1:"-89.75",x2:"9.504",y2:"355.25",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"h",x1:"297.004",y1:"-89.75",x2:"297.004",y2:"355.25",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{"stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".258","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".521","stop-color":"#0F172A","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:".784","stop-color":"#0F172A","stop-opacity":".6","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#000820"},attrs:{offset:"1","stop-color":"#0F172A","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:"a"}},[e("stop",{attrs:{offset:"0","stop-color":"#0f172a","stop-opacity":"0"}}),e("stop",{attrs:{offset:".258","stop-color":"#0f172a","stop-opacity":".6"}}),e("stop",{attrs:{offset:".521","stop-color":"#0f172a"}}),e("stop",{attrs:{offset:".784","stop-color":"#0f172a","stop-opacity":".6"}}),e("stop",{attrs:{offset:"1","stop-color":"#0f172a","stop-opacity":"0"}})],1),e("radialGradient",{attrs:{id:"b2",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(-492.00038 6.00263 -6.1904 -507.39124 188 139)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{"stop-color":"#D9D9D9","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#303639"},attrs:{offset:".81","stop-color":"#D9D9D9","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("mask",{staticStyle:{"mask-type":"alpha"},attrs:{id:"cc",maskUnits:"userSpaceOnUse",x:"-333",y:"-242",width:"956",height:"927"}},[e("path",{attrs:{fill:"url(#b2)",d:"M-333-242h956v927h-956z"}})])],1)])])])])])])},l=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"relative z-10 flex items-center justify-between"},[e("div",{staticClass:"flex items-center gap-4"},[e("img",{staticClass:"h-7",attrs:{src:r(79)}}),e("span",{staticClass:"text-xl font-semibold"},[t._v("Design")])]),e("div",{staticClass:"flex justify-center gap-8 lg:justify-start"},[e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"https://github.com/sengoku-f/ksw-rpom-icon-vue"}},[e("img",{staticClass:"size-6",attrs:{src:r(2499)}}),t._v(" Github")]),e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"https://www.npmjs.com/package/ksw-rpom-icon-vue"}},[e("img",{staticClass:"size-6",attrs:{src:r(289)}}),t._v("NPM Packages")]),e("a",{staticClass:"-mx-1.5 -my-1 flex items-center gap-2 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]",attrs:{href:"/"}},[e("img",{staticClass:"size-6",attrs:{src:r(7098)}}),t._v("Mastergo File")])])])}],d=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"}})])])},c=[],p=r(1656),f={},u=(0,p.A)(f,d,c,!1,null,null,null),h=u.exports,m=JSON.parse('[{"name":"IconAdd","modifiedTime":"2024-08-10T08:26:15.000Z"},{"name":"IconCalendarColor","modifiedTime":"2024-08-12T09:52:41.000Z"}]'),v={rE:"0.1.2"},k=r(9278),g=r.n(k);o["default"].use(g());var y={components:{IconCopy:h},data(){return{showCopiedMessage:!1,opacityValue:0,isThrottled:!1,iconNumber:m.length,version:v.rE,npmInstallCode:`npm i ksw-rpom-icon-vue@${v.rE}`}},methods:{displayCopiedMessage(){this.showCopiedMessage=!0,this.$nextTick((()=>{this.opacityValue=1,setTimeout((()=>{this.opacityValue=0,setTimeout((()=>{this.showCopiedMessage=!1,this.isThrottled=!1}),500)}),1500)}))},copyCode(){this.isThrottled||(this.isThrottled=!0,this.$copyText(this.npmInstallCode).then((()=>{this.displayCopiedMessage()}),(t=>{console.error("复制失败:",t),this.isThrottled=!1})))}}},x=y,w=(0,p.A)(x,n,l,!1,null,null,null),b=w.exports,C=function(){var t=this,e=t._self._c;return e("div",[e("div",{staticClass:"pointer-events-none sticky top-0 z-50 -mb-10 overflow-hidden pb-10 sm:-mb-11 sm:pb-11 md:-mb-12 md:pb-12"},[e("div",{staticClass:"relative"},[e("svg",{staticClass:"absolute bottom-[-16px] left-1/2 ml-[-570px] w-[1140px]",attrs:{viewBox:"0 0 1140 34",fill:"none"}},[e("g",{attrs:{opacity:".6",filter:"url(#:R5l6:-a)"}},[e("path",{attrs:{fill:"url(#:R5l6:-b)",d:"M6 6h1128v22H6z"}}),e("path",{attrs:{fill:"url(#:R5l6:-c)",d:"M6 6h1128v22H6z"}})]),e("defs",[e("radialGradient",{attrs:{id:":R5l6:-c",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"matrix(0 -22 1128 0 563 28)"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#111415"},attrs:{offset:".273","stop-color":"#fff","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#111415"},attrs:{offset:"1","stop-color":"#fff","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("linearGradient",{attrs:{id:":R5l6:-b",x1:"6",y1:"6",x2:"1134",y2:"6",gradientUnits:"userSpaceOnUse"}},[e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#20009d"},attrs:{"stop-color":"#A78BFA","stop-opacity":"0","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#20009d"},attrs:{offset:".323","stop-color":"#A78BFA","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#d6056c"},attrs:{offset:".672","stop-color":"#EC4899","stop-opacity":".3","data-darkreader-inline-stopcolor":""}}),e("stop",{staticStyle:{"--darkreader-inline-stopcolor":"#d6056c"},attrs:{offset:"1","stop-color":"#EC4899","stop-opacity":"0","data-darkreader-inline-stopcolor":""}})],1),e("filter",{attrs:{id:":R5l6:-a",x:"0",y:"0",width:"1140",height:"34",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"}},[e("feFlood",{attrs:{"flood-opacity":"0",result:"BackgroundImageFix"}}),e("feBlend",{attrs:{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}}),e("feGaussianBlur",{attrs:{stdDeviation:"3",result:"effect1_foregroundBlur_311_43535"}})],1)],1)]),e("div",{staticClass:"pointer-events-auto relative bg-white pb-4 shadow-[0_1px_3px_rgba(15,23,42,0.08)] sm:pb-0"},[e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center"},[e("div",{staticClass:"relative flex-auto"},[e("IconSearch",{staticClass:"pointer-events-none absolute flex justify-center items-center inset-y-0 left-0 h-full w-5 fill-slate-500 transition"}),e("input",{directives:[{name:"model",rawName:"v-model",value:t.searchQuery,expression:"searchQuery"}],staticClass:"block w-full appearance-none rounded-lg bg-transparent py-6 pl-9 pr-4 text-base text-slate-900 transition placeholder:text-slate-400 focus:outline-none sm:text-[0.8125rem] sm:leading-6 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none",attrs:{type:"search","aria-label":"搜索所有图标",placeholder:"搜索所有图标…"},domProps:{value:t.searchQuery},on:{input:function(e){e.target.composing||(t.searchQuery=e.target.value)}}})],1)])])])]),e("div",{staticClass:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"},[e("div",{staticClass:"mt-9 hidden md:flex isolate items-baseline lg:gap-4",attrs:{"aria-hidden":"false",role:"tablist","aria-orientation":"horizontal"}},[e("button",{class:t.allButtonClass,on:{click:function(e){return t.filterColorIcons(!1)}}},[t._v(" 全部 ")]),e("button",{class:t.colorButtonClass,on:{click:function(e){return t.filterColorIcons(!0)}}},[t._v(" 彩色 ")]),e("div",{staticClass:"ml-auto text-sm flex items-center gap-4",attrs:{role:"none","aria-hidden":"true"}},[e("label",{staticClass:"flex items-center gap-1 cursor-pointer select-none"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.showAnimationIcons,expression:"showAnimationIcons"}],staticClass:"size-4",attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.showAnimationIcons)?t._i(t.showAnimationIcons,null)>-1:t.showAnimationIcons},on:{change:[function(e){var r=t.showAnimationIcons,a=e.target,o=!!a.checked;if(Array.isArray(r)){var s=null,i=t._i(r,s);a.checked?i<0&&(t.showAnimationIcons=r.concat([s])):i>-1&&(t.showAnimationIcons=r.slice(0,i).concat(r.slice(i+1)))}else t.showAnimationIcons=o},t.sortIcons]}}),t._v(" 动画图标 ")]),e("div",{staticClass:"relative inline-block"},[e("select",{staticClass:"appearance-none px-4 py-1 rounded-md border hover:bg-slate-50 border-slate-200 cursor-pointer focus-visible:outline-none pr-8",on:{change:t.handleSortChange}},[e("option",{attrs:{value:"date"}},[t._v("最新")]),e("option",{attrs:{value:"name"}},[t._v("默认")])]),e("IconArrowDown",{staticClass:"absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none"})],1)])]),e("ul",{staticClass:"wrapper"},t._l(t.filteredIconNames,(function(r){return e("li",{key:r,staticClass:"group item cursor-pointer",attrs:{title:r},on:{click:function(e){return t.copyName(r)}}},[e(t.Icons[r],{tag:"component"}),e("div",{staticClass:"text-xs antialiased text-center truncate text-slate-500 text-wrap w-full h-4 group-hover:overflow-visible group-hover:break-words select-none"},[t._v(" "+t._s(r)+" ")])],1)})),0)])])},S=[];r(4114);const A={size:"1em",color:"currentColor",spin:!1,prefix:"ksw"};function _(t,e,r){return{name:"Icon"+t,props:{size:{type:[String,Number],default:A.size},color:{type:String,default:A.color},rotate:{type:Number},spin:{type:Boolean,default:e||A.spin},grayscale:{type:Boolean,default:!1}},render(e){const{spin:a,grayscale:o}=this,s=[`${A.prefix}-icon`,`${A.prefix}-icon-${t}`];return a&&s.push(`${A.prefix}-icon-spin`),o&&s.push(`${A.prefix}-icon-grayscale`),e("span",{class:s.join(" ")},[r(e,this)])}}}var I=_("Add",!1,(function(t,e){return t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,"aria-hidden":!0,viewBox:"0 0 24 24",transform:e.rotate?`rotate(${e.rotate})`:void 0,fill:e.color}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M11.25 4.5q0-.074.014-.146.015-.073.043-.141t.07-.13q.04-.061.093-.113.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043T12 3.75t.146.014.141.043.13.07.113.093q.053.052.094.113.04.062.069.13.028.068.043.14t.014.147v6.75h6.75q.074 0 .146.014.073.015.141.043t.13.07q.061.04.113.093.053.052.094.113.04.062.069.13.028.068.043.14t.014.147-.014.146-.043.141-.07.13-.093.113q-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043t-.147.014h-6.75v6.75q0 .074-.014.146-.015.073-.043.141t-.07.13q-.04.061-.093.113-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043T12 20.25t-.146-.014-.141-.043-.13-.07-.113-.093q-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14t-.014-.147v-6.75H4.5q-.074 0-.146-.014-.073-.015-.141-.043t-.13-.07q-.061-.04-.113-.093-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14T3.75 12t.014-.146.043-.141.07-.13.093-.113q.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043t.147-.014h6.75z"}},null)])})),z=_("CalendarColor",!1,(function(t,e){let r="17",a="7月";try{const t=new Date,e="zh-cn";r=t.getDate(),a=t.toLocaleString(e,{month:"short"}).toUpperCase()}catch(o){console.error("Error occurred while parsing date:",o)}return t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,fill:"none","aria-hidden":!0,viewBox:"0 0 24 24",transform:e.rotate?`rotate(${e.rotate})`:void 0}},[t("defs",{attrs:{}},[t("linearGradient",{attrs:{id:"6e19209f_a",x1:".5",x2:".5",y1:"0",y2:"1"}},[t("stop",{attrs:{offset:"0%","stop-color":"#FCFCFB"}},null),t("stop",{attrs:{offset:"100%","stop-color":"#F0EEE7"}},null)])]),t("path",{attrs:{fill:"#F53F3F",d:"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v3H2Z"}},null),t("path",{attrs:{fill:"url(#6e19209f_a)",d:"M2 8h20v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z"}},null),t("text",{attrs:{x:"50%",y:"6.75",style:"font-size:4px;font-weight:600;fill:#fff;text-anchor:middle"}},a),t("text",{attrs:{x:"50%",y:"15.5",style:"font-size:12px;fill:#262626;text-anchor:middle;dominant-baseline:middle"}},r)])})),F=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"}})])])},B=[],j={},M=(0,p.A)(j,F,B,!1,null,null,null),T=M.exports,O=function(){var t=this,e=t._self._c;return e("span",{staticClass:"ksw-icon"},[e("svg",{attrs:{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"}},[e("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}})])])},U=[],D={},G=(0,p.A)(D,O,U,!1,null,null,null),N=G.exports,q=r(1927),V=r.n(q);o["default"].use(g()),o["default"].use(V());var E={components:{IconSearch:T,IconArrowDown:N},data(){return{Icons:a,showCopiedMessage:!1,opacityValue:0,isThrottled:!1,iconNames:Object.keys(a),sortBy:"date",showColorIcons:!1,showAnimationIcons:!1,searchQuery:""}},computed:{filteredIconNames(){return this.iconNames.filter((t=>t.toLowerCase().includes(this.searchQuery.toLowerCase())))},allButtonClass(){return this.getButtonClass(!this.showColorIcons)},colorButtonClass(){return this.getButtonClass(this.showColorIcons)}},methods:{async copyName(t){try{await this.$copyText(t),V().success("复制成功: "+t,{duration:3e3})}catch(e){console.error("复制失败:",e)}},sortIcons(){let t=[...m];"date"===this.sortBy?t.sort(((t,e)=>new Date(e.modifiedTime)-new Date(t.modifiedTime))):t.sort(((t,e)=>t.name.localeCompare(e.name))),this.showColorIcons&&(t=t.filter((t=>t.name.includes("Color")))),this.showAnimationIcons&&(t=t.filter((t=>t.name.includes("Animation")))),this.iconNames=t.map((t=>t.name))},handleSortChange(t){this.sortBy=t.target.value,this.sortIcons()},filterColorIcons(t){this.showColorIcons=t,this.sortIcons()},toggleAnimationIcons(){this.showAnimationIcons=!this.showAnimationIcons,this.sortIcons()},getButtonClass(t){const e=["inline-flex","px-3","py-1.5","text-sm","font-medium","leading-6","duration-200","rounded-md","transition-all"];return t?[...e,"text-slate-900","bg-slate-100"]:[...e,"text-slate-500","hover:text-slate-900","hover:bg-slate-50"]}},mounted(){this.sortIcons()}},$=E,H=(0,p.A)($,C,S,!1,null,"1236eca4",null),P=H.exports,R={name:"App",components:{HeadItem:b,IconsItem:P}},Q=R,Z=(0,p.A)(Q,s,i,!1,null,"8b8014d0",null),L=Z.exports;o["default"].config.productionTip=!1,new o["default"]({render:t=>t(L)}).$mount("#app")},2499:function(t,e,r){t.exports=r.p+"img/Github.9caf8bdf.svg"},7098:function(t,e,r){t.exports=r.p+"img/Mastergo.ec936006.svg"},289:function(t,e,r){t.exports=r.p+"img/NPM.951d8306.svg"},79:function(t,e,r){t.exports=r.p+"img/krpom.6782e06a.svg"},680:function(t,e,r){t.exports=r.p+"img/banner-bg.1fcfd97b.jpg"}},e={};function r(a){var o=e[a];if(void 0!==o)return o.exports;var s=e[a]={exports:{}};return t[a].call(s.exports,s,s.exports,r),s.exports}r.m=t,function(){var t=[];r.O=function(e,a,o,s){if(!a){var i=1/0;for(c=0;c=s)&&Object.keys(r.O).every((function(t){return r.O[t](a[l])}))?a.splice(l--,1):(n=!1,s0&&t[c-1][2]>s;c--)t[c]=t[c-1];t[c]=[a,o,s]}}(),function(){r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,{a:e}),e}}(),function(){r.d=function(t,e){for(var a in e)r.o(e,a)&&!r.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})}}(),function(){r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()}(),function(){r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){r.p=""}(),function(){var t={524:0};r.O.j=function(e){return 0===t[e]};var e=function(e,a){var o,s,i=a[0],n=a[1],l=a[2],d=0;if(i.some((function(e){return 0!==t[e]}))){for(o in n)r.o(n,o)&&(r.m[o]=n[o]);if(l)var c=l(r)}for(e&&e(a);d\n import Vue from 'vue';\n import IconCopy from './icon/IconCopy.vue';\n import iconsData from '~/icons.json';\n import packageData from '/package.json';\n import VueClipboard from 'vue-clipboard2';\n \n Vue.use(VueClipboard);\n \n export default {\n components: {\n IconCopy\n },\n data() {\n return {\n showCopiedMessage: false,\n opacityValue: 0,\n isThrottled: false,\n iconNumber: iconsData.length,\n version: packageData.version,\n npmInstallCode: `npm i ksw-rpom-icon-vue@${packageData.version}`\n };\n },\n methods: {\n displayCopiedMessage() {\n this.showCopiedMessage = true;\n this.$nextTick(() => {\n this.opacityValue = 1;\n setTimeout(() => {\n this.opacityValue = 0;\n setTimeout(() => {\n this.showCopiedMessage = false;\n this.isThrottled = false;\n }, 500);\n }, 1500);\n });\n },\n copyCode() {\n if (this.isThrottled) return;\n this.isThrottled = true;\n this.$copyText(this.npmInstallCode).then(\n () => {\n this.displayCopiedMessage();\n },\n (error) => {\n console.error('复制失败:', error);\n this.isThrottled = false;\n }\n );\n }\n }\n };\n \n\n\n \n
\n
\n
\n
\n
\n
\n
Design\n
\n
\n
\n
\n
\n
\n
{{ iconNumber }} icons
\n
\n
v{{ version }}
\n
\n
Vue libraries
\n
\n
\n Discover Ksw SVG Icons, Elevate Your UI with Effortless Integration.\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HeadItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HeadItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HeadItem.vue?vue&type=template&id=ab206912\"\nimport script from \"./HeadItem.vue?vue&type=script&lang=js\"\nexport * from \"./HeadItem.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"pointer-events-none sticky top-0 z-50 -mb-10 overflow-hidden pb-10 sm:-mb-11 sm:pb-11 md:-mb-12 md:pb-12\"},[_c('div',{staticClass:\"relative\"},[_c('svg',{staticClass:\"absolute bottom-[-16px] left-1/2 ml-[-570px] w-[1140px]\",attrs:{\"viewBox\":\"0 0 1140 34\",\"fill\":\"none\"}},[_c('g',{attrs:{\"opacity\":\".6\",\"filter\":\"url(#:R5l6:-a)\"}},[_c('path',{attrs:{\"fill\":\"url(#:R5l6:-b)\",\"d\":\"M6 6h1128v22H6z\"}}),_c('path',{attrs:{\"fill\":\"url(#:R5l6:-c)\",\"d\":\"M6 6h1128v22H6z\"}})]),_c('defs',[_c('radialGradient',{attrs:{\"id\":\":R5l6:-c\",\"cx\":\"0\",\"cy\":\"0\",\"r\":\"1\",\"gradientUnits\":\"userSpaceOnUse\",\"gradientTransform\":\"matrix(0 -22 1128 0 563 28)\"}},[_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#111415\"},attrs:{\"offset\":\".273\",\"stop-color\":\"#fff\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#111415\"},attrs:{\"offset\":\"1\",\"stop-color\":\"#fff\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}})],1),_c('linearGradient',{attrs:{\"id\":\":R5l6:-b\",\"x1\":\"6\",\"y1\":\"6\",\"x2\":\"1134\",\"y2\":\"6\",\"gradientUnits\":\"userSpaceOnUse\"}},[_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#20009d\"},attrs:{\"stop-color\":\"#A78BFA\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#20009d\"},attrs:{\"offset\":\".323\",\"stop-color\":\"#A78BFA\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#d6056c\"},attrs:{\"offset\":\".672\",\"stop-color\":\"#EC4899\",\"stop-opacity\":\".3\",\"data-darkreader-inline-stopcolor\":\"\"}}),_c('stop',{staticStyle:{\"--darkreader-inline-stopcolor\":\"#d6056c\"},attrs:{\"offset\":\"1\",\"stop-color\":\"#EC4899\",\"stop-opacity\":\"0\",\"data-darkreader-inline-stopcolor\":\"\"}})],1),_c('filter',{attrs:{\"id\":\":R5l6:-a\",\"x\":\"0\",\"y\":\"0\",\"width\":\"1140\",\"height\":\"34\",\"filterUnits\":\"userSpaceOnUse\",\"color-interpolation-filters\":\"sRGB\"}},[_c('feFlood',{attrs:{\"flood-opacity\":\"0\",\"result\":\"BackgroundImageFix\"}}),_c('feBlend',{attrs:{\"in\":\"SourceGraphic\",\"in2\":\"BackgroundImageFix\",\"result\":\"shape\"}}),_c('feGaussianBlur',{attrs:{\"stdDeviation\":\"3\",\"result\":\"effect1_foregroundBlur_311_43535\"}})],1)],1)]),_c('div',{staticClass:\"pointer-events-auto relative bg-white pb-4 shadow-[0_1px_3px_rgba(15,23,42,0.08)] sm:pb-0\"},[_c('div',{staticClass:\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center\"},[_c('div',{staticClass:\"relative flex-auto\"},[_c('IconSearch',{staticClass:\"pointer-events-none absolute flex justify-center items-center inset-y-0 left-0 h-full w-5 fill-slate-500 transition\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"block w-full appearance-none rounded-lg bg-transparent py-6 pl-9 pr-4 text-base text-slate-900 transition placeholder:text-slate-400 focus:outline-none sm:text-[0.8125rem] sm:leading-6 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none\",attrs:{\"type\":\"search\",\"aria-label\":\"搜索所有图标\",\"placeholder\":\"搜索所有图标…\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value}}})],1)])])])]),_c('div',{staticClass:\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\"},[_c('div',{staticClass:\"mt-9 hidden md:flex isolate items-baseline lg:gap-4\",attrs:{\"aria-hidden\":\"false\",\"role\":\"tablist\",\"aria-orientation\":\"horizontal\"}},[_c('button',{class:_vm.allButtonClass,on:{\"click\":function($event){return _vm.filterColorIcons(false)}}},[_vm._v(\" 全部 \")]),_c('button',{class:_vm.colorButtonClass,on:{\"click\":function($event){return _vm.filterColorIcons(true)}}},[_vm._v(\" 彩色 \")]),_c('div',{staticClass:\"ml-auto text-sm flex items-center gap-4\",attrs:{\"role\":\"none\",\"aria-hidden\":\"true\"}},[_c('label',{staticClass:\"flex items-center gap-1 cursor-pointer select-none\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.showAnimationIcons),expression:\"showAnimationIcons\"}],staticClass:\"size-4\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.showAnimationIcons)?_vm._i(_vm.showAnimationIcons,null)>-1:(_vm.showAnimationIcons)},on:{\"change\":[function($event){var $$a=_vm.showAnimationIcons,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.showAnimationIcons=$$a.concat([$$v]))}else{$$i>-1&&(_vm.showAnimationIcons=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.showAnimationIcons=$$c}},_vm.sortIcons]}}),_vm._v(\" 动画图标 \")]),_c('div',{staticClass:\"relative inline-block\"},[_c('select',{staticClass:\"appearance-none px-4 py-1 rounded-md border hover:bg-slate-50 border-slate-200 cursor-pointer focus-visible:outline-none pr-8\",on:{\"change\":_vm.handleSortChange}},[_c('option',{attrs:{\"value\":\"date\"}},[_vm._v(\"最新\")]),_c('option',{attrs:{\"value\":\"name\"}},[_vm._v(\"默认\")])]),_c('IconArrowDown',{staticClass:\"absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none\"})],1)])]),_c('ul',{staticClass:\"wrapper\"},_vm._l((_vm.filteredIconNames),function(iconComponentName){return _c('li',{key:iconComponentName,staticClass:\"group item cursor-pointer\",attrs:{\"title\":iconComponentName},on:{\"click\":function($event){return _vm.copyName(iconComponentName)}}},[_c(_vm.Icons[iconComponentName],{tag:\"component\"}),_c('div',{staticClass:\"text-xs antialiased text-center truncate text-slate-500 text-wrap w-full h-4 group-hover:overflow-visible group-hover:break-words select-none\"},[_vm._v(\" \"+_vm._s(iconComponentName)+\" \")])],1)}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const DEFAULT_ICON_CONFIGS = {\n size: \"1em\",\n color: \"currentColor\",\n spin: false,\n prefix: \"ksw\",\n};\n\nexport function IconWrapper(name, spin, render) {\n return {\n name: \"Icon\" + name,\n props: {\n size: {\n type: [String, Number],\n default: DEFAULT_ICON_CONFIGS.size,\n },\n color: {\n type: String,\n default: DEFAULT_ICON_CONFIGS.color,\n },\n rotate: {\n type: Number,\n },\n spin: {\n type: Boolean,\n default: spin || DEFAULT_ICON_CONFIGS.spin,\n },\n grayscale: {\n type: Boolean,\n default: false,\n },\n },\n render(h) {\n const { spin, grayscale } = this;\n const cls = [\n `${DEFAULT_ICON_CONFIGS.prefix}-icon`,\n `${DEFAULT_ICON_CONFIGS.prefix}-icon-${name}`,\n ];\n if (spin) {\n cls.push(`${DEFAULT_ICON_CONFIGS.prefix}-icon-spin`);\n }\n if (grayscale) {\n cls.push(`${DEFAULT_ICON_CONFIGS.prefix}-icon-grayscale`);\n }\n return h(\n \"span\",\n {\n class: cls.join(\" \"),\n },\n [render(h, this)]\n );\n },\n };\n}\n","import { IconWrapper } from \"../runtime\";\n\nexport default IconWrapper(\"Add\", false, function (h, props) {\n return h(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: props.size,\n height: props.size,\n \"aria-hidden\": true,\n viewBox: \"0 0 24 24\",\n transform: props.rotate ? `rotate(${props.rotate})` : undefined,\n fill: props.color,\n },\n },\n [\n h(\n \"path\",\n {\n attrs: {\n \"fill-rule\": \"evenodd\",\n d: \"M11.25 4.5q0-.074.014-.146.015-.073.043-.141t.07-.13q.04-.061.093-.113.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043T12 3.75t.146.014.141.043.13.07.113.093q.053.052.094.113.04.062.069.13.028.068.043.14t.014.147v6.75h6.75q.074 0 .146.014.073.015.141.043t.13.07q.061.04.113.093.053.052.094.113.04.062.069.13.028.068.043.14t.014.147-.014.146-.043.141-.07.13-.093.113q-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043t-.147.014h-6.75v6.75q0 .074-.014.146-.015.073-.043.141t-.07.13q-.04.061-.093.113-.052.053-.113.094-.062.04-.13.069-.068.028-.14.043T12 20.25t-.146-.014-.141-.043-.13-.07-.113-.093q-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14t-.014-.147v-6.75H4.5q-.074 0-.146-.014-.073-.015-.141-.043t-.13-.07q-.061-.04-.113-.093-.053-.052-.094-.113-.04-.062-.069-.13-.028-.068-.043-.14T3.75 12t.014-.146.043-.141.07-.13.093-.113q.052-.053.113-.094.062-.04.13-.069.068-.028.14-.043t.147-.014h6.75z\",\n },\n },\n null,\n ),\n ],\n );\n});\n","import { IconWrapper } from \"../runtime\";\n\nexport default IconWrapper(\"CalendarColor\", false, function (h, props) {\n let DD = \"17\";\n let MMM = \"7月\";\n try {\n const time = new Date();\n const locale = \"zh-cn\";\n DD = time.getDate();\n MMM = time.toLocaleString(locale, { month: \"short\" }).toUpperCase();\n } catch (error) {\n console.error(\"Error occurred while parsing date:\", error);\n }\n\n return h(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: props.size,\n height: props.size,\n fill: \"none\",\n \"aria-hidden\": true,\n viewBox: \"0 0 24 24\",\n transform: props.rotate ? `rotate(${props.rotate})` : undefined,\n },\n },\n [\n h(\"defs\", { attrs: {} }, [\n h(\n \"linearGradient\",\n { attrs: { id: \"6e19209f_a\", x1: \".5\", x2: \".5\", y1: \"0\", y2: \"1\" } },\n [\n h(\n \"stop\",\n { attrs: { offset: \"0%\", \"stop-color\": \"#FCFCFB\" } },\n null,\n ),\n h(\n \"stop\",\n { attrs: { offset: \"100%\", \"stop-color\": \"#F0EEE7\" } },\n null,\n ),\n ],\n ),\n ]),\n h(\n \"path\",\n {\n attrs: {\n fill: \"#F53F3F\",\n d: \"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v3H2Z\",\n },\n },\n null,\n ),\n h(\n \"path\",\n {\n attrs: {\n fill: \"url(#6e19209f_a)\",\n d: \"M2 8h20v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z\",\n },\n },\n null,\n ),\n h(\n \"text\",\n {\n attrs: {\n x: \"50%\",\n y: \"6.75\",\n style: \"font-size:4px;font-weight:600;fill:#fff;text-anchor:middle\",\n },\n },\n MMM,\n ),\n h(\n \"text\",\n {\n attrs: {\n x: \"50%\",\n y: \"15.5\",\n style:\n \"font-size:12px;fill:#262626;text-anchor:middle;dominant-baseline:middle\",\n },\n },\n DD,\n ),\n ],\n );\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"ksw-icon\"},[_c('svg',{attrs:{\"width\":\"1em\",\"height\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconSearch.vue?vue&type=template&id=0e6197f9\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"ksw-icon\"},[_c('svg',{attrs:{\"width\":\"1em\",\"height\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"1.5\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"d\":\"m19.5 8.25-7.5 7.5-7.5-7.5\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconArrowDown.vue?vue&type=template&id=8d6c5f76\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n\n\n\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IconsItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IconsItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IconsItem.vue?vue&type=template&id=1236eca4&scoped=true\"\nimport script from \"./IconsItem.vue?vue&type=script&lang=js\"\nexport * from \"./IconsItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./IconsItem.vue?vue&type=style&index=0&id=1236eca4&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1236eca4\",\n null\n \n)\n\nexport default component.exports","\n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=8b8014d0&scoped=true\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=8b8014d0&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8b8014d0\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\n// import { KrpomIcon } from \"./index.js\";\nimport \"~/styles/icon.css\";\nimport \"~/tailwindcss.css\";\n\nVue.config.productionTip = false\n\n// Vue.use(KrpomIcon);\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkksw_rpom_icon_vue\"] = self[\"webpackChunkksw_rpom_icon_vue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(8294); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","attrs","staticRenderFns","staticClass","staticStyle","require","_m","_v","_s","iconNumber","version","on","$event","copyCode","npmInstallCode","showCopiedMessage","style","opacity","opacityValue","_e","script","component","Vue","use","VueClipboard","components","IconCopy","data","isThrottled","iconsData","length","packageData","methods","displayCopiedMessage","$nextTick","setTimeout","$copyText","then","error","console","directives","name","rawName","value","searchQuery","expression","domProps","target","composing","class","allButtonClass","filterColorIcons","colorButtonClass","showAnimationIcons","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","sortIcons","handleSortChange","_l","filteredIconNames","iconComponentName","key","copyName","Icons","tag","DEFAULT_ICON_CONFIGS","size","color","spin","prefix","IconWrapper","props","type","String","Number","default","rotate","Boolean","grayscale","h","cls","push","join","xmlns","width","height","viewBox","transform","undefined","fill","d","DD","MMM","time","Date","locale","getDate","toLocaleString","month","toUpperCase","id","x1","x2","y1","y2","offset","x","y","Message","IconSearch","IconArrowDown","iconNames","Object","keys","sortBy","showColorIcons","computed","filter","iconName","toLowerCase","includes","getButtonClass","duration","sortedIcons","sort","a","b","modifiedTime","localeCompare","icon","map","event","show","toggleAnimationIcons","isColor","commonButtonClass","mounted","HeadItem","IconsItem","config","productionTip","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","every","splice","r","n","getter","__esModule","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}
\ No newline at end of file