@vuux/icons 1.0.0-beta.1 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/es/Cloud/Icon1142257.vue.mjs +4 -0
  2. package/dist/es/Cloud/Icon1142257.vue2.mjs +26 -0
  3. package/dist/es/Cloud/Icon3165941.vue.mjs +4 -0
  4. package/dist/es/Cloud/Icon3165941.vue2.mjs +26 -0
  5. package/dist/es/Design/Icon3934027.vue.mjs +4 -0
  6. package/dist/es/Design/Icon3934027.vue2.mjs +26 -0
  7. package/dist/es/Design/Icon6899914.vue.mjs +4 -0
  8. package/dist/es/Design/Icon6899914.vue2.mjs +26 -0
  9. package/dist/es/Design/Icon7754709.vue.mjs +4 -0
  10. package/dist/es/Design/Icon7754709.vue2.mjs +26 -0
  11. package/dist/es/Design/Icon8265457.vue.mjs +4 -0
  12. package/dist/es/Design/Icon8265457.vue2.mjs +26 -0
  13. package/dist/es/Folder/Icon4427367.vue.mjs +4 -0
  14. package/dist/es/Folder/Icon4427367.vue2.mjs +26 -0
  15. package/dist/es/Folder/Icon8353577.vue.mjs +4 -0
  16. package/dist/es/Folder/Icon8353577.vue2.mjs +26 -0
  17. package/dist/es/Icon.vue.mjs +3 -3
  18. package/dist/es/Media/Icon4363747.vue.mjs +4 -0
  19. package/dist/es/Media/Icon4363747.vue2.mjs +26 -0
  20. package/dist/es/Media/Icon6669982.vue.mjs +4 -0
  21. package/dist/es/Media/Icon6669982.vue2.mjs +26 -0
  22. package/dist/es/Media/Icon9070157.vue.mjs +4 -0
  23. package/dist/es/Media/Icon9070157.vue2.mjs +26 -0
  24. package/dist/es/Media/Icon9843817.vue.mjs +4 -0
  25. package/dist/es/Media/Icon9843817.vue2.mjs +26 -0
  26. package/dist/es/System/Icon1160790.vue.mjs +4 -0
  27. package/dist/es/System/Icon1160790.vue2.mjs +33 -0
  28. package/dist/es/System/Icon2213473.vue.mjs +4 -0
  29. package/dist/es/System/Icon2213473.vue2.mjs +32 -0
  30. package/dist/es/System/Icon2255748.vue.mjs +4 -0
  31. package/dist/es/System/Icon2255748.vue2.mjs +33 -0
  32. package/dist/es/System/Icon2507800.vue.mjs +4 -0
  33. package/dist/es/System/Icon2507800.vue2.mjs +26 -0
  34. package/dist/es/System/Icon2551814.vue.mjs +4 -0
  35. package/dist/es/System/Icon2551814.vue2.mjs +26 -0
  36. package/dist/es/System/Icon4409426.vue.mjs +4 -0
  37. package/dist/es/System/Icon4409426.vue2.mjs +32 -0
  38. package/dist/es/System/Icon4625217.vue.mjs +4 -0
  39. package/dist/es/System/Icon4625217.vue2.mjs +37 -0
  40. package/dist/es/System/Icon4658361.vue.mjs +4 -0
  41. package/dist/es/System/Icon4658361.vue2.mjs +32 -0
  42. package/dist/es/System/Icon4897641.vue.mjs +4 -0
  43. package/dist/es/System/Icon4897641.vue2.mjs +33 -0
  44. package/dist/es/System/Icon4982053.vue.mjs +4 -0
  45. package/dist/es/System/Icon4982053.vue2.mjs +34 -0
  46. package/dist/es/System/Icon6794673.vue.mjs +4 -0
  47. package/dist/es/System/Icon6794673.vue2.mjs +26 -0
  48. package/dist/es/System/Icon6883711.vue.mjs +4 -0
  49. package/dist/es/System/Icon6883711.vue2.mjs +26 -0
  50. package/dist/es/System/Icon7477346.vue.mjs +4 -0
  51. package/dist/es/System/Icon7477346.vue2.mjs +26 -0
  52. package/dist/es/System/Icon7618973.vue.mjs +4 -0
  53. package/dist/es/System/Icon7618973.vue2.mjs +32 -0
  54. package/dist/es/System/Icon9087081.vue.mjs +4 -0
  55. package/dist/es/System/Icon9087081.vue2.mjs +33 -0
  56. package/dist/es/System/Icon9830256.vue.mjs +4 -0
  57. package/dist/es/System/Icon9830256.vue2.mjs +33 -0
  58. package/dist/es/User/Icon3197672.vue.mjs +4 -0
  59. package/dist/es/User/Icon3197672.vue2.mjs +34 -0
  60. package/dist/es/User/Icon5761768.vue.mjs +4 -0
  61. package/dist/es/User/Icon5761768.vue2.mjs +34 -0
  62. package/dist/es/index.d.ts +0 -1
  63. package/dist/es/index.mjs +2 -3
  64. package/dist/lib/Cloud/Icon1142257.vue.cjs +1 -0
  65. package/dist/lib/Cloud/Icon1142257.vue2.cjs +1 -0
  66. package/dist/lib/Cloud/Icon3165941.vue.cjs +1 -0
  67. package/dist/lib/Cloud/Icon3165941.vue2.cjs +1 -0
  68. package/dist/lib/Design/Icon3934027.vue.cjs +1 -0
  69. package/dist/lib/Design/Icon3934027.vue2.cjs +1 -0
  70. package/dist/lib/Design/Icon6899914.vue.cjs +1 -0
  71. package/dist/lib/Design/Icon6899914.vue2.cjs +1 -0
  72. package/dist/lib/Design/Icon7754709.vue.cjs +1 -0
  73. package/dist/lib/Design/Icon7754709.vue2.cjs +1 -0
  74. package/dist/lib/Design/Icon8265457.vue.cjs +1 -0
  75. package/dist/lib/Design/Icon8265457.vue2.cjs +1 -0
  76. package/dist/lib/Folder/Icon4427367.vue.cjs +1 -0
  77. package/dist/lib/Folder/Icon4427367.vue2.cjs +1 -0
  78. package/dist/lib/Folder/Icon8353577.vue.cjs +1 -0
  79. package/dist/lib/Folder/Icon8353577.vue2.cjs +1 -0
  80. package/dist/lib/Icon.vue.cjs +1 -1
  81. package/dist/lib/Media/Icon4363747.vue.cjs +1 -0
  82. package/dist/lib/Media/Icon4363747.vue2.cjs +1 -0
  83. package/dist/lib/Media/Icon6669982.vue.cjs +1 -0
  84. package/dist/lib/Media/Icon6669982.vue2.cjs +1 -0
  85. package/dist/lib/Media/Icon9070157.vue.cjs +1 -0
  86. package/dist/lib/Media/Icon9070157.vue2.cjs +1 -0
  87. package/dist/lib/Media/Icon9843817.vue.cjs +1 -0
  88. package/dist/lib/Media/Icon9843817.vue2.cjs +1 -0
  89. package/dist/lib/System/Icon1160790.vue.cjs +1 -0
  90. package/dist/lib/System/Icon1160790.vue2.cjs +1 -0
  91. package/dist/lib/System/Icon2213473.vue.cjs +1 -0
  92. package/dist/lib/System/Icon2213473.vue2.cjs +1 -0
  93. package/dist/lib/System/Icon2255748.vue.cjs +1 -0
  94. package/dist/lib/System/Icon2255748.vue2.cjs +1 -0
  95. package/dist/lib/System/Icon2507800.vue.cjs +1 -0
  96. package/dist/lib/System/Icon2507800.vue2.cjs +1 -0
  97. package/dist/lib/System/Icon2551814.vue.cjs +1 -0
  98. package/dist/lib/System/Icon2551814.vue2.cjs +1 -0
  99. package/dist/lib/System/Icon4409426.vue.cjs +1 -0
  100. package/dist/lib/System/Icon4409426.vue2.cjs +1 -0
  101. package/dist/lib/System/Icon4625217.vue.cjs +1 -0
  102. package/dist/lib/System/Icon4625217.vue2.cjs +1 -0
  103. package/dist/lib/System/Icon4658361.vue.cjs +1 -0
  104. package/dist/lib/System/Icon4658361.vue2.cjs +1 -0
  105. package/dist/lib/System/Icon4897641.vue.cjs +1 -0
  106. package/dist/lib/System/Icon4897641.vue2.cjs +1 -0
  107. package/dist/lib/System/Icon4982053.vue.cjs +1 -0
  108. package/dist/lib/System/Icon4982053.vue2.cjs +1 -0
  109. package/dist/lib/System/Icon6794673.vue.cjs +1 -0
  110. package/dist/lib/System/Icon6794673.vue2.cjs +1 -0
  111. package/dist/lib/System/Icon6883711.vue.cjs +1 -0
  112. package/dist/lib/System/Icon6883711.vue2.cjs +1 -0
  113. package/dist/lib/System/Icon7477346.vue.cjs +1 -0
  114. package/dist/lib/System/Icon7477346.vue2.cjs +1 -0
  115. package/dist/lib/System/Icon7618973.vue.cjs +1 -0
  116. package/dist/lib/System/Icon7618973.vue2.cjs +1 -0
  117. package/dist/lib/System/Icon9087081.vue.cjs +1 -0
  118. package/dist/lib/System/Icon9087081.vue2.cjs +1 -0
  119. package/dist/lib/System/Icon9830256.vue.cjs +1 -0
  120. package/dist/lib/System/Icon9830256.vue2.cjs +1 -0
  121. package/dist/lib/User/Icon3197672.vue.cjs +1 -0
  122. package/dist/lib/User/Icon3197672.vue2.cjs +1 -0
  123. package/dist/lib/User/Icon5761768.vue.cjs +1 -0
  124. package/dist/lib/User/Icon5761768.vue2.cjs +1 -0
  125. package/dist/lib/index.cjs +1 -1
  126. package/dist/lib/index.d.ts +0 -1
  127. package/package.json +1 -1
  128. package/demo/Data/index.vue +0 -137
  129. package/demo/Install/demo.md +0 -62
  130. package/demo/Install/index.vue +0 -10
  131. package/demo/Update/demo.md +0 -11
  132. package/demo/Update/index.vue +0 -10
  133. package/demo/icons.json +0 -3052
  134. package/demo/menus.json +0 -20
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4363747.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),l=["width","height","opacity","fill"],i=t.defineComponent({name:"Icon4363747",__name:"Icon4363747",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(c){const e=c;return(n,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M11.03 20H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h1l2 4h3L8 4h2l2 4h3l-2-4h2l2 4h3l-2-4h4v9.05A6.49 6.49 0 0 0 16.5 10c-3.58 0-6.5 2.92-6.5 6.5c0 1.29.38 2.5 1.03 3.5m12.36 2L22 23.39l-3.12-3.07c-.69.43-1.51.68-2.38.68c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5s4.5 2 4.5 4.5c0 .88-.25 1.71-.69 2.4zM19 16.5a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 5 0"},null,-1)])],8,l))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon6669982.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),i=["width","height","opacity","fill"],n=e.defineComponent({name:"Icon6669982",__name:"Icon6669982",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(l){const t=l;return(c,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,fill:t.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M11.25 16L9.6 13.8q-.225-.3-.6-.3t-.6.3l-1.8 2.4q-.2.25-.05.525T7 17h10q.3 0 .45-.275t-.05-.525l-2.475-3.3q-.275-.05-.563-.125T13.8 12.6zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4q.425 0 .713.288T10 4t-.288.713T9 5H5v14h14v-3.325q0-.425.288-.712t.712-.288t.713.288t.287.712V19q0 .825-.587 1.413T19 21zm11.05-10q-1.85 0-3.15-1.312T11.6 6.5t1.313-3.187T16.1 2t3.188 1.313T20.6 6.5q0 .675-.2 1.3t-.5 1.15l2.35 2.35q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.4-2.4q-.525.35-1.125.525T16.05 11m.05-2q1.05 0 1.775-.725T18.6 6.5t-.725-1.775T16.1 4t-1.775.725T13.6 6.5t.725 1.775T16.1 9"},null,-1)])],8,i))}});module.exports=n;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon9070157.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),i=["width","height","opacity","fill"],n=e.defineComponent({name:"Icon9070157",__name:"Icon9070157",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(l){const t=l;return(c,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,fill:t.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.1q.5 0 .775.425t.075.925q-.175.525-.262 1.063T9.6 6.5q0 2.725 1.888 4.613T16.05 13q.525 0 1.013-.075t.962-.225l2.4 2.4q.275.275.425.638t.15.762V19q0 .825-.588 1.413T19 21zm15.85-8.3l-2.4-2.4q-.525.35-1.125.525T16.05 11q-1.85 0-3.15-1.312T11.6 6.5t1.313-3.187T16.1 2t3.188 1.313T20.6 6.5q0 .675-.2 1.3t-.5 1.15l2.35 2.35q.275.275.275.7t-.275.7t-.7.275t-.7-.275M16.1 9q1.05 0 1.775-.725T18.6 6.5t-.725-1.775T16.1 4t-1.775.725T13.6 6.5t.725 1.775T16.1 9m-4.85 7L9.6 13.8q-.225-.3-.6-.3t-.6.3l-1.8 2.4q-.2.25-.05.525T7 17h10q.3 0 .45-.275t-.05-.525l-2.475-3.3q-.275-.05-.563-.125T13.8 12.6z"},null,-1)])],8,i))}});module.exports=n;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon9843817.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),l=["width","height","opacity","fill"],s=t.defineComponent({name:"Icon9843817",__name:"Icon9843817",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(c){const e=c;return(i,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M11 20H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h1l2 4h3L8 4h2l2 4h3l-2-4h2l2 4h3l-2-4h4v9c-.5-.8-1.2-1.5-2-2v-1H5.8L4 6.5V18h6.2c.2.7.4 1.4.8 2m9.3-1.1c.4-.7.7-1.5.7-2.4c0-2.5-2-4.5-4.5-4.5S12 14 12 16.5s2 4.5 4.5 4.5c.9 0 1.7-.2 2.4-.7l3.1 3.1l1.4-1.4zm-3.8.1c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5"},null,-1)])],8,l))}});module.exports=s;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon1160790.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],r=["stroke"],i=e.defineComponent({name:"Icon1160790",__name:"Icon1160790",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(s){const t=s;return(n,a)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none",stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[...a[0]||(a[0]=[e.createStaticVNode('<path stroke-dasharray="10" stroke-dashoffset="10" d="M3 9l3 3l-3 3"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M5 5h14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M10 12h9"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M5 19h14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="16;0"></animate></path>',4)])],8,r)],8,o))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon2213473.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const o=require("vue"),n=["width","height","opacity"],c=["stroke"],s=o.defineComponent({name:"Icon2213473",__name:"Icon2213473",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(t){const e=t;return(i,r)=>(o.openBlock(),o.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,viewBox:"0 0 24 24"},[o.createElementVNode("path",{fill:"none",stroke:e.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 7a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v0M9 7h6M9 7H6m9 0h3m2 0h-2M4 7h2m0 0v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7"},null,8,c)],8,n))}});module.exports=s;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon2255748.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],r=["stroke"],i=e.defineComponent({name:"Icon2255748",__name:"Icon2255748",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(s){const t=s;return(n,a)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none",stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[...a[0]||(a[0]=[e.createStaticVNode('<path stroke-dasharray="16" stroke-dashoffset="16" d="M19 5h-14"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M19 12h-9"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M19 19h-14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M7 9l-3 3l3 3"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="10;0"></animate></path>',4)])],8,r)],8,o))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon2507800.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),n=["width","height","opacity","fill"],c=t.defineComponent({name:"Icon2507800",__name:"Icon2507800",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const e=i;return(s,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168Z"},null,-1)])],8,n))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon2551814.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),n=["width","height","opacity","fill"],c=t.defineComponent({name:"Icon2551814",__name:"Icon2551814",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const e=i;return(s,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z"},null,-1)])],8,n))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4409426.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],a=["fill"],l=["fill"],i=e.defineComponent({name:"Icon4409426",__name:"Icon4409426",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(t){const c=t;return(n,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:c.size,height:c.size,opacity:c.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("path",{fill:c.color,d:"M12 2.75a2.25 2.25 0 0 0-2.122 1.5a.75.75 0 0 1-1.414-.5a3.751 3.751 0 0 1 7.073 0a.75.75 0 0 1-1.415.5A2.25 2.25 0 0 0 12 2.75M2.75 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17A.75.75 0 0 1 2.75 6m3.165 2.45a.75.75 0 1 0-1.497.1l.464 6.952c.085 1.282.154 2.318.316 3.132c.169.845.455 1.551 1.047 2.104s1.315.793 2.17.904c.822.108 1.86.108 3.146.108h.879c1.285 0 2.324 0 3.146-.108c.854-.111 1.578-.35 2.17-.904c.591-.553.877-1.26 1.046-2.104c.162-.814.23-1.85.316-3.132l.464-6.952a.75.75 0 0 0-1.497-.1l-.46 6.9c-.09 1.347-.154 2.285-.294 2.99c-.137.685-.327 1.047-.6 1.303c-.274.256-.648.422-1.34.512c-.713.093-1.653.095-3.004.095h-.774c-1.35 0-2.29-.002-3.004-.095c-.692-.09-1.066-.256-1.34-.512c-.273-.256-.463-.618-.6-1.303c-.14-.705-.204-1.643-.294-2.99z"},null,8,a),e.createElementVNode("path",{fill:c.color,d:"M9.425 10.254a.75.75 0 0 1 .821.671l.5 5a.75.75 0 0 1-1.492.15l-.5-5a.75.75 0 0 1 .671-.821m5.821.821a.75.75 0 0 0-1.492-.15l-.5 5a.75.75 0 0 0 1.492.15z"},null,8,l)],8,o))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4625217.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),r=["width","height","opacity"],s={fill:"none"},i=["stroke"],c=e.defineComponent({name:"Icon4625217",__name:"Icon4625217",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",s,[o[0]||(o[0]=e.createElementVNode("path",{fill:"currentColor",d:"M9 7h9v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7z"},null,-1)),e.createElementVNode("path",{stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M20 7h-2M4 7h2m0 0h12M6 7v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7m-9-.5A2.5 2.5 0 0 1 11.5 4h1A2.5 2.5 0 0 1 15 6.5v0"},null,8,i)])],8,r))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4658361.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),c=["width","height","opacity"],l=["fill"],i=["fill"],n=t.defineComponent({name:"Icon4658361",__name:"Icon4658361",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(o){const e=o;return(a,h)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,viewBox:"0 0 24 24"},[t.createElementVNode("path",{fill:e.color,d:"M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z"},null,8,l),t.createElementVNode("path",{fill:e.color,d:"M9 10h2v8H9zm4 0h2v8h-2z"},null,8,i)],8,c))}});module.exports=n;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4897641.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],r=["stroke"],i=e.defineComponent({name:"Icon4897641",__name:"Icon4897641",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(s){const t=s;return(n,a)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none",stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[...a[0]||(a[0]=[e.createStaticVNode('<path stroke-dasharray="10" stroke-dashoffset="10" d="M21 9l-3 3l3 3"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M19 5h-14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M14 12h-9"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M19 19h-14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="16;0"></animate></path>',4)])],8,r)],8,o))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon4982053.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],t=["fill"],i=["fill"],n=e.defineComponent({name:"Icon4982053",__name:"Icon4982053",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(l){const c=l;return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:c.size,height:c.size,opacity:c.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("path",{fill:c.color,d:"M3 6.386c0-.484.345-.877.771-.877h2.665c.529-.016.996-.399 1.176-.965l.03-.1l.115-.391c.07-.24.131-.45.217-.637c.338-.739.964-1.252 1.687-1.383c.184-.033.378-.033.6-.033h3.478c.223 0 .417 0 .6.033c.723.131 1.35.644 1.687 1.383c.086.187.147.396.218.637l.114.391l.03.1c.18.566.74.95 1.27.965h2.57c.427 0 .772.393.772.877s-.345.877-.771.877H3.77c-.425 0-.77-.393-.77-.877"},null,8,t),e.createElementVNode("path",{fill:c.color,"fill-rule":"evenodd",d:"M11.596 22h.808c2.783 0 4.174 0 5.08-.886c.904-.886.996-2.339 1.181-5.245l.267-4.188c.1-1.577.15-2.366-.303-2.865c-.454-.5-1.22-.5-2.753-.5H8.124c-1.533 0-2.3 0-2.753.5s-.404 1.288-.303 2.865l.267 4.188c.185 2.906.277 4.36 1.182 5.245c.905.886 2.296.886 5.079.886m-1.35-9.811c-.04-.434-.408-.75-.82-.707c-.413.043-.713.43-.672.864l.5 5.263c.04.434.408.75.82.707c.413-.043.713-.43.672-.864zm4.329-.707c.412.043.713.43.671.864l-.5 5.263c-.04.434-.409.75-.82.707c-.413-.043-.713-.43-.672-.864l.5-5.263c.04-.434.409-.75.82-.707","clip-rule":"evenodd"},null,8,i)],8,o))}});module.exports=n;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon6794673.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),n=["width","height","opacity","fill"],c=t.defineComponent({name:"Icon6794673",__name:"Icon6794673",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const e=i;return(s,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M6 7H5v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7zm4 12H8v-9h2zm6 0h-2v-9h2zm.618-15L15 2H9L7.382 4H3v2h18V4z"},null,-1)])],8,n))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon6883711.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),n=["width","height","opacity","fill"],c=t.defineComponent({name:"Icon6883711",__name:"Icon6883711",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const e=i;return(s,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"},null,-1)])],8,n))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon7477346.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),n=["width","height","opacity","fill"],c=t.defineComponent({name:"Icon7477346",__name:"Icon7477346",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const e=i;return(s,o)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,fill:e.color,viewBox:"0 0 24 24"},[...o[0]||(o[0]=[t.createElementVNode("path",{d:"M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z"},null,-1)])],8,n))}});module.exports=c;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon7618973.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const o=require("vue"),n=["width","height","opacity"],c=["stroke"],s=o.defineComponent({name:"Icon7618973",__name:"Icon7618973",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(t){const e=t;return(i,r)=>(o.openBlock(),o.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,viewBox:"0 0 24 24"},[o.createElementVNode("path",{fill:"none",stroke:e.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M7 6h10M4 12h16M7 12h13M7 18h10"},null,8,c)],8,n))}});module.exports=s;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon9087081.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),a=["width","height","opacity"],n=["stroke"],r=e.defineComponent({name:"Icon9087081",__name:"Icon9087081",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(i){const t=i;return(s,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none",stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[...o[0]||(o[0]=[e.createStaticVNode('<path d="M5 5L19 19M5 19L19 5"><animate fill="freeze" attributeName="d" dur="0.4s" values="M5 5L19 19M5 19L19 5;M5 5L19 5M5 19L19 19"></animate></path><path d="M12 12H12" opacity="0"><animate fill="freeze" attributeName="d" begin="0.2s" dur="0.4s" values="M12 12H12;M5 12H19"></animate><set fill="freeze" attributeName="opacity" begin="0.2s" to="1"></set></path>',2)])],8,n)],8,a))}});module.exports=r;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon9830256.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),o=["width","height","opacity"],r=["stroke"],i=e.defineComponent({name:"Icon9830256",__name:"Icon9830256",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(s){const t=s;return(n,a)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,opacity:t.opacity,viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none",stroke:t.color,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[...a[0]||(a[0]=[e.createStaticVNode('<path stroke-dasharray="16" stroke-dashoffset="16" d="M5 5h14"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M5 12h9"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="10;0"></animate></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M5 19h14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="16;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M17 9l3 3l-3 3"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="10;0"></animate></path>',4)])],8,r)],8,o))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon3197672.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const l=require("vue"),c=["width","height","opacity"],n={fill:"none","fill-rule":"evenodd"},a=["fill"],i=l.defineComponent({name:"Icon3197672",__name:"Icon3197672",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(o){const e=o;return(s,t)=>(l.openBlock(),l.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,viewBox:"0 0 24 24"},[l.createElementVNode("g",n,[t[0]||(t[0]=l.createElementVNode("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"},null,-1)),l.createElementVNode("path",{fill:e.color,d:"M8 7a3 3 0 1 1 6 0a3 3 0 0 1-6 0m3-5a5 5 0 1 0 0 10a5 5 0 0 0 0-10M4 18.5c0-.18.09-.489.413-.899c.316-.4.804-.828 1.451-1.222C7.157 15.589 8.977 15 11 15q.563 0 1.105.059a1 1 0 1 0 .211-1.99A13 13 0 0 0 11 13c-2.395 0-4.575.694-6.178 1.672c-.8.488-1.484 1.064-1.978 1.69C2.358 16.976 2 17.713 2 18.5c0 .845.411 1.511 1.003 1.986c.56.45 1.299.748 2.084.956C6.665 21.859 8.771 22 11 22q.346 0 .685-.005a1 1 0 1 0-.027-2Q11.333 20 11 20c-2.19 0-4.083-.143-5.4-.492c-.663-.175-1.096-.382-1.345-.582C4.037 18.751 4 18.622 4 18.5M17.5 16a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M14 17.5a3.5 3.5 0 1 1 6.58 1.665l.834.835A1 1 0 1 1 20 21.414l-.835-.835A3.5 3.5 0 0 1 14 17.5"},null,8,a)])],8,c))}});module.exports=i;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./Icon5761768.vue2.cjs");module.exports=e;
@@ -0,0 +1 @@
1
+ "use strict";const l=require("vue"),c=["width","height","opacity"],n={fill:"none","fill-rule":"evenodd"},a=["fill"],i=l.defineComponent({name:"Icon5761768",__name:"Icon5761768",props:{color:{default:"var(--app-icon-color)"},size:{default:16},opacity:{default:1}},setup(o){const e=o;return(s,t)=>(l.openBlock(),l.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,opacity:e.opacity,viewBox:"0 0 24 24"},[l.createElementVNode("g",n,[t[0]||(t[0]=l.createElementVNode("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"},null,-1)),l.createElementVNode("path",{fill:e.color,d:"M6 7a5 5 0 1 1 10 0A5 5 0 0 1 6 7m-1.178 7.672C6.425 13.694 8.605 13 11 13q.671 0 1.316.07a1 1 0 0 1 .72 1.557A5.97 5.97 0 0 0 12 18c0 .92.207 1.79.575 2.567a1 1 0 0 1-.89 1.428Q11.345 22 11 22c-2.229 0-4.335-.14-5.913-.558c-.785-.208-1.524-.506-2.084-.956C2.41 20.01 2 19.345 2 18.5c0-.787.358-1.523.844-2.139c.494-.625 1.177-1.2 1.978-1.69ZM17.5 16a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M14 17.5a3.5 3.5 0 1 1 6.58 1.665l.834.835A1 1 0 1 1 20 21.414l-.835-.835A3.5 3.5 0 0 1 14 17.5"},null,8,a)])],8,c))}});module.exports=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Icon.vue.cjs");exports.Icon=e;exports.default=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Icon.vue.cjs");exports.Icon=e;
@@ -1,3 +1,2 @@
1
1
  import { default as Icon } from './Icon.vue';
2
2
  export { Icon };
3
- export default Icon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuux/icons",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.0.0-beta.2",
4
4
  "description": "Vue Nuxt 图标库",
5
5
  "author": "usuuu",
6
6
  "license": "MIT",
@@ -1,137 +0,0 @@
1
- <template>
2
- <Skeleton v-show="loading" title :row="5" />
3
- <p @click="exportJson">sssssssssssssssssssssssssss</p>
4
- <div v-show="!loading" class="vuux-icons">
5
- <div v-for="(group, gIndex) in icons" :key="gIndex" class="icons-data">
6
- <h3>{{ group.text }}</h3>
7
- <transition-group name="lists" tag="ul" class="icons-list">
8
- <li v-for="(icon, index) in group.items" :key="icon.component" class="is-icon" draggable="true" @dragstart="onDragStart(gIndex, index)" @dragover.prevent="onDragOver(gIndex, index)" @drop="onDrop" @click="handleCopy(icon)">
9
- <Icon :name="icon.component" :size="22" color="red" />
10
- <!-- <span>{{ icon.component }}</span> -->
11
- </li>
12
- </transition-group>
13
- </div>
14
- </div>
15
- </template>
16
- <script setup lang="ts">
17
- import '@/static/less/icons.less'
18
- import data from '@apps/icons/demo/icons.json'
19
- import { Icon } from '@apps/icons/components'
20
- import { Message, Skeleton, Button } from 'vuux'
21
- import { onMounted, ref, shallowRef } from 'vue'
22
-
23
- /**
24
- * 图标项类型
25
- */
26
- interface Item {
27
- component: string
28
- }
29
- /**
30
- * 分组类型
31
- */
32
- interface Data {
33
- text: string
34
- items: Item[]
35
- }
36
- /**
37
- * loading
38
- */
39
- const loading = shallowRef(true)
40
- /**
41
- * 响应式图标分组列表
42
- */
43
- const icons = ref<Data[]>(data)
44
- /**
45
- * 当前拖拽图标所在分组索引
46
- */
47
- let dragGroup = -1
48
- /**
49
- * 当前拖拽图标在分组中的索引
50
- */
51
- let dragIndex = -1
52
- /**
53
- * 拖拽目标分组索引
54
- */
55
- let targetGroup = -1
56
- /**
57
- * 拖拽目标位置索引
58
- */
59
- let targetIndex = -1
60
- /**
61
- * 开始拖拽事件
62
- *
63
- * @param gIndex 拖拽图标所在分组索引
64
- * @param index 拖拽图标在分组中的索引
65
- */
66
- const onDragStart = (gIndex: number, index: number) => {
67
- dragGroup = gIndex
68
- dragIndex = index
69
- targetGroup = -1
70
- targetIndex = -1
71
- }
72
- /**
73
- * 拖拽悬停事件
74
- *
75
- * @param gIndex 当前悬停的分组索引
76
- * @param index 当前悬停的位置索引
77
- */
78
- const onDragOver = (gIndex: number, index: number) => {
79
- targetGroup = gIndex
80
- targetIndex = index
81
- }
82
- /**
83
- * 放下拖拽事件
84
- * 将拖拽的图标从原分组移除并插入到目标分组
85
- */
86
- const onDrop = () => {
87
- if (dragGroup !== -1 && dragIndex !== -1 && targetGroup !== -1 && targetIndex !== -1) {
88
- const dragged = icons.value[dragGroup].items[dragIndex]
89
- //从原分组移除
90
- icons.value[dragGroup].items.splice(dragIndex, 1)
91
- //插入到目标分组
92
- icons.value[targetGroup].items.splice(targetIndex, 0, dragged)
93
- }
94
- dragGroup = -1
95
- dragIndex = -1
96
- targetGroup = -1
97
- targetIndex = -1
98
- }
99
- /**
100
- * 导出当前图标排序为JSON文件
101
- */
102
- const exportJson = () => {
103
- const json = JSON.stringify(icons.value, null, 2)
104
- const blob = new Blob([json], { type: 'application/json' })
105
- const url = URL.createObjectURL(blob)
106
- const a = document.createElement('a')
107
- a.href = url
108
- a.download = 'icons-order.json'
109
- a.click()
110
- URL.revokeObjectURL(url)
111
- }
112
- /**
113
- * 复制
114
- */
115
- const handleCopy = async (icon: Item) => {
116
- try {
117
- await navigator.clipboard.writeText(`<Icon name="${icon.component}" />`)
118
- Message.success('复制成功')
119
- } catch (e) {
120
- Message.error('复制失败')
121
- }
122
- }
123
- /**
124
- * 组件挂载时
125
- */
126
- onMounted(() => {
127
- document.title = '图标 | Icons'
128
- setTimeout(() => {
129
- loading.value = false
130
- }, 1000)
131
- })
132
- </script>
133
- <style scoped lang="less">
134
- .lists-move {
135
- transition: transform 0.3s ease;
136
- }
137
- </style>
@@ -1,62 +0,0 @@
1
- ## 安装图标库
2
-
3
- ```shell
4
- Node >= 16
5
- ```
6
-
7
- ## npm
8
- ```shell
9
- npm install @vuux/icons
10
- ```
11
-
12
- ## pnpm
13
- ```shell
14
- pnpm add @vuux/icons
15
- ```
16
-
17
- ## yarn
18
- ```shell
19
- yarn add @vuux/icons
20
- ```
21
-
22
- ## 更改图标颜色
23
- ```less
24
- :root {
25
- //图标颜色
26
- --app-icon-color: #596671;
27
- }
28
- ```
29
-
30
- ## 使用方式
31
- ```html
32
- <template>
33
- <Icon name="xxxx" />
34
- </template>
35
- <script setup lang="ts">
36
- import { Icon } from '@vuux/icons'
37
- </script>
38
- ```
39
-
40
- ## 图标Props
41
- ```ts
42
- const props = withDefaults(
43
- defineProps<{
44
- //图标名
45
- name: string
46
- //图标颜色
47
- color?: string
48
- //图标大小
49
- size?: number
50
- //图标透明
51
- opacity?: number
52
- }>(),
53
- {
54
- color: 'var(--app-icon-color)',
55
- size: 16,
56
- opacity: 1
57
- }
58
- )
59
- ```
60
-
61
- ## 交流群
62
- QQ群:70888820
@@ -1,10 +0,0 @@
1
- <template>
2
- <Demo />
3
- </template>
4
- <script setup lang="ts">
5
- import { onMounted } from 'vue'
6
-
7
- onMounted(() => {
8
- document.title = '安装 | Icons'
9
- })
10
- </script>
@@ -1,11 +0,0 @@
1
- ## 1.0.0-beta.1
2
-
3
- <p class="update-time">2025-09-20</p>
4
-
5
- - 🚀 [更新] 新增图标
6
-
7
- ## 1.0.0-beta.0
8
-
9
- <p class="update-time">2025-09-16</p>
10
-
11
- - 🚀 [发布] 发布1.0.0-beta.0
@@ -1,10 +0,0 @@
1
- <template>
2
- <Demo />
3
- </template>
4
- <script setup lang="ts">
5
- import { onMounted } from 'vue'
6
-
7
- onMounted(() => {
8
- document.title = '更新记录 | Icons'
9
- })
10
- </script>