Skip to content

Commit b51ecdb

Browse files
committed
Improvement - VueUiIcon - Add new icons
1 parent 398fd1f commit b51ecdb

File tree

3 files changed

+70
-36
lines changed

3 files changed

+70
-36
lines changed

TestingArena/ArenaVueUiIcon.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { VueUiIcon } from "vue-data-ui";
66
import { VueUiIcon as VueUiIconTreeshaken } from "vue-data-ui/vue-ui-icon";
77
88
const icons = ref([
9-
"annotator", "chart3dBar", "chartAgePyramid", "chartBar", "chartCandlestick", "chartChestnut", "chartDonut", "chartDonutEvolution", "chartGauge", "chartHeatmap", "chartLine", "chartMoodRadar", "chartOnion", "chartQuadrant", "chartRadar", "chartRelationCircle", "chartRings", "chartScatter", "chartSparkHistogram", "chartSparkStackbar", "chartTable", "chartThermometer", "chartTiremarks", "chartVerticalBar", "chartWaffle", "chartWheel", "close", "dashboard", "digit0", "digit1", "digit2", "digit3", "digit4", "digit5", "digit6", "digit7", "digit8", "digit9", "excel", "image", "labelClose", "labelOpen", "menu", "moodFlat", "moodHappy", "moodNeutral", "moodSad", "pdf", "screenshot", "skeleton", "smiley", "sort", "spin", "star", "tableClose", "tableOpen", "chartNestedDonuts", "chartSparkbar", "refresh", "circleQuestion", "circleExclamation", "circleCheck", "circleCancel", "moodLaughing", "moodWink", "moodEmbarrassed", "moodSurprised", "exitFullscreen", "fullscreen", "arrowRight", "arrowTop", "arrowBottom", "arrowLeft", "chartCluster", "chartSparkline", "legend", "csv", "chartGalaxy", "kpi", "kpiBox", "tooltip", "vueDataUi", "ratio", "func", "settings", "trendUp", "trendDown", "clipBoard", "zoomPlus", "zoomMinus", "clipboardLine", "clipboardDonut", "clipboardBar", "clipboardVariable", "triangle", "triangleFill", "square", "squareFill", "diamond", "diamondFill", "pentagon", "pentagonFill", "hexagon", "hexagonFill", "circle", "circleFill", "star", "starFace", "starFill", "numbers", "sigma", "mu", "lambda", "people", "copy", "accordion", "cursor", "trend", "chartStripPlot", "chartDumbbell", "copyLeft", "chartWordCloud", "stack", "unstack", "window", "chartFlow", "chartParallelCoordinatePlot", "tooltipDisabled", "pause", "play", "stop", "restart", "lap", "carouselTable", "battery", "chartStackbar", "chartBullet", "trash", "annotatorDisabled", "palette", "boxes", "chartFunnel", "chartHistoryPlot", "chartTableSparkline", "chartCirclePack", "icons", "robot", "hourglass", "computer", "htmlTag", "curlyBrackets", "curlySpread", "world", "eye", "chartRidgeline", "chartChord", "tableDialogOpen", "tableDialogClose", "minimap", "svg", "chartStackline", "zoomLock", "zoomUnlock", "lock", "unlock", "triangleInformation", "triangleExclamation", "direction", "chartDag", "chartGeo"
9+
"annotator", "chart3dBar", "chartAgePyramid", "chartBar", "chartCandlestick", "chartChestnut", "chartDonut", "chartDonutEvolution", "chartGauge", "chartHeatmap", "chartLine", "chartMoodRadar", "chartOnion", "chartQuadrant", "chartRadar", "chartRelationCircle", "chartRings", "chartScatter", "chartSparkHistogram", "chartSparkStackbar", "chartTable", "chartThermometer", "chartTiremarks", "chartVerticalBar", "chartWaffle", "chartWheel", "close", "dashboard", "digit0", "digit1", "digit2", "digit3", "digit4", "digit5", "digit6", "digit7", "digit8", "digit9", "excel", "image", "labelClose", "labelOpen", "menu", "moodFlat", "moodHappy", "moodNeutral", "moodSad", "pdf", "screenshot", "skeleton", "smiley", "sort", "spin", "star", "tableClose", "tableOpen", "chartNestedDonuts", "chartSparkbar", "refresh", "circleQuestion", "circleExclamation", "circleCheck", "circleCancel", "moodLaughing", "moodWink", "moodEmbarrassed", "moodSurprised", "exitFullscreen", "fullscreen", "arrowRight", "arrowTop", "arrowBottom", "arrowLeft", "chartCluster", "chartSparkline", "legend", "csv", "chartGalaxy", "kpi", "kpiBox", "tooltip", "vueDataUi", "ratio", "func", "settings", "trendUp", "trendDown", "clipBoard", "zoomPlus", "zoomMinus", "clipboardLine", "clipboardDonut", "clipboardBar", "clipboardVariable", "triangle", "triangleFill", "square", "squareFill", "diamond", "diamondFill", "pentagon", "pentagonFill", "hexagon", "hexagonFill", "circle", "circleFill", "star", "starFace", "starFill", "numbers", "sigma", "mu", "lambda", "people", "copy", "accordion", "cursor", "trend", "chartStripPlot", "chartDumbbell", "copyLeft", "chartWordCloud", "stack", "unstack", "window", "chartFlow", "chartParallelCoordinatePlot", "tooltipDisabled", "pause", "play", "stop", "restart", "lap", "carouselTable", "battery", "chartStackbar", "chartBullet", "trash", "annotatorDisabled", "palette", "boxes", "chartFunnel", "chartHistoryPlot", "chartTableSparkline", "chartCirclePack", "icons", "robot", "hourglass", "computer", "htmlTag", "curlyBrackets", "curlySpread", "world", "eye", "chartRidgeline", "chartChord", "tableDialogOpen", "tableDialogClose", "minimap", "svg", "chartStackline", "zoomLock", "zoomUnlock", "lock", "unlock", "triangleInformation", "triangleExclamation", "direction", "chartDag", "chartGeo", "revert", "lineUp", "histogram", "histogramUp", "histogramDown", "document", "database", "pie", "percentage", "percentageUp", "percentageDown", "aToZ", "zToA", "zeroToNine", "nineToZero", "network", "chip", "chipAi"
1010
])
1111
1212
</script>

src/atoms/BaseIcon.vue

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -215,6 +215,23 @@ const icons = computed(() => {
215215
chartDag: `<path d="M 8 2 L 12 2 C 13 2 13 3 13 3 L 13 4 C 13 4 13 5 12 5 L 8 5 C 8 5 7 5 7 4 L 7 3 C 7 3 7 2 8 2 M 2 10 L 2 11 C 2 11 2 12 3 12 L 7 12 C 7 12 8 12 8 11 L 8 10 C 8 10 8 9 7 9 L 3 9 C 2 9 2 10 2 10 M 12 10 L 12 11 C 12 11 12 12 13 12 L 17 12 C 17 12 18 12 18 11 L 18 10 C 18 10 18 9 17 9 L 13 9 C 12 9 12 10 12 10 M 3 16 L 7 16 C 8 16 8 17 8 17 L 8 18 C 8 18 8 19 7 19 L 3 19 C 2 19 2 18 2 18 L 2 17 C 2 17 2 16 3 16 M 12 17 L 12 18 C 12 18 12 19 13 19 L 17 19 C 18 19 18 18 18 18 L 18 17 C 18 16 17 16 17 16 L 13 16 C 12 16 12 17 12 17 M 10 5 C 10 8 5 6 5 9 M 10 5 C 10 8 15 6 15 9 M 5 12 L 5 16 M 15 12 L 15 16" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
216216
chartGeo: `<path d="M 10 14 C 13 9 14 9 14 6 A 1 1 0 0 0 6 6 C 6 9 8 10 10 14 M 10 4 A 1 1 0 0 0 10 8 A 1 1 0 0 0 10 4 M 7 12 L 4 12 L 1 19 L 19 19 L 16 12 L 13 12" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
217217
revert: `<path d="M 10 19 A 1 1 0 0 0 10 3 M 2 10 C 2 15 6 19 10 19 M 13 1 L 10 3 L 12 6" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
218+
lineUp: `<path d="M 1 1 L 1 19 L 19 19 M 3 17 L 6 13 L 9 15 L 12 10 L 15 13 L 18 3 M 15.809 4.399 L 18 3 L 18.992 5.387" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
219+
histogram: `<path d="M 1 1 L 1 19 L 19 19 M 4 19 L 4 12 L 7 12 L 7 19 M 9 19 L 9 8 L 12 8 L 12 19 M 14 19 L 14 4 L 17 4 L 17 19" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
220+
histogramUp: `<path d="M 1 1 L 1 19 L 19 19 M 4 19 L 4 14 L 7 14 L 7 19 M 9 19 L 9 11 L 12 11 L 12 19 M 14 19 L 14 8 L 17 8 L 17 19 M 4 9 L 15 2 M 12.222 1.626 L 15 2 L 14.269 4.63" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
221+
histogramDown: `<path d="M 1 1 L 1 19 L 19 19 M 4 19 L 4 9 L 7 9 L 7 19 M 9 19 L 9 13 L 12 13 L 12 19 M 14 19 L 14 15 L 17 15 L 17 19 M 5 2 L 16 10 M 13.15 10.336 L 15.948 10.002 L 15.444 7.273" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
222+
document: `<path d="M 1 1 L 1 19 L 19 19 M 19 19 L 19 1 L 1 1 M 7 4 L 4 4 M 4 7 L 7 7 M 4 10 L 7 10 M 4 13 L 16 13 M 4 16 L 16 16 M 10 4 L 10 10 L 16 10 L 16 4 L 10 4" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
223+
database: `<path d="M 2 16 C 2 20 18 20 18 16 M 18 16 L 18 4 C 18 0 2 0 2 4 L 2 16 M 2 4 C 2 8 18 8 18 4 M 2 8 C 2 12 18 12 18 8 M 2 12 C 2 16 18 16 18 12" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
224+
pie: `<path d="M 10 1 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 1 L 10 10 L 14.025 18.049 M 10 10 L 1 10 M 10 10 L 14 18" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M 10 10 L 14 18 C 10.587 20.069 1.635 19.271 1 10 L 10 10" stroke="none" fill="${props.stroke}" style="opacity:0.3"/><path d="M 10 1 C 2.528 1.391 0.931 7.876 1 10 L 10 10 L 10 1" stroke="none" fill="${props.stroke}" style="opacity:0.5"/>`,
225+
percentage: `<path d="M 2 18 L 18 2 M 5 2 A 1 1 0 0 0 4 7 A 1 1 0 0 0 5 2 M 16 18 A 1 1 0 0 0 15 13 A 1 1 0 0 0 16 18" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
226+
percentageUp: `<path d="M 2 18 L 18 2 M 5 2 A 1 1 0 0 0 4 7 A 1 1 0 0 0 5 2 M 16 18 A 1 1 0 0 0 15 13 A 1 1 0 0 0 16 18 M 14 2 L 18 2 L 18 6" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
227+
percentageDown: `<path d="M 2 18 L 18 2 M 5 2 A 1 1 0 0 0 4 7 A 1 1 0 0 0 5 2 M 16 18 A 1 1 0 0 0 15 13 A 1 1 0 0 0 16 18 M 2 14 L 2 18 L 6 18" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
228+
aToZ: `<path d="M 3 8 L 7 1 L 11 8 M 4.716 5 L 9.285 5 M 3 12 L 11 12 L 3 19 L 11 19 M 17 2 L 17 18 M 15 16 L 17 18 L 19 16" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
229+
zToA: `<path d="M 3 19 L 7 12 L 11 19 M 4.715 16.001 L 9.284 16 M 3 1 L 11 1 L 3 8 L 11 8 M 17 2 L 17 18 M 15 16 L 17 18 L 19 16" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
230+
zeroToNine: `<path d="M 7 1 C 1.653 0.987 1.663 7.995 7 8 C 12.337 7.995 12.326 0.998 7 1 M 17 2 L 17 18 M 15 16 L 17 18 L 19 16 M 11 14 C 11 11 3 11 3 14 C 3 17 11 16 11 14 M 11 14 C 11 19 8 19 3 19" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
231+
nineToZero: `<path d="M 7 12 C 1.662 11.998 1.672 18.991 7 19 C 12.329 18.996 12.335 11.995 7 12 M 17 2 L 17 18 M 15 16 L 17 18 L 19 16 M 11 4 C 11 1 3 1 3 4 M 3 4 C 3 7 11 6 11 4 M 11 4 C 11 9 8 9 3 9" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
232+
network: `<path d="M 7 15 L 13 15 C 14 15 14 16 14 16 L 14 18 C 14 18 14 19 13 19 L 7 19 C 6 19 6 18 6 18 L 6 16 C 6 16 6 15 7 15 M 1 17 L 6 17 M 14 17 L 19 17 M 10 15 L 10 12 M 4 12 L 16 12 C 17 12 17 11 17 11 L 17 9 C 17 9 17 8 16 8 L 4 8 C 4 8 3 8 3 9 L 3 11 C 3 11 3 12 4 12 M 4 6 L 16 6 C 17 6 17 5 17 5 L 17 3 C 17 2 16 2 16 2 L 4 2 C 4 2 3 2 3 3 L 3 5 C 3 5 3 6 4 6 M 10 6 L 10 8" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M 6 4 L 7 4 M 9 4 L 14 4 M 6 10 L 7 10 M 9 10 L 14 10" stroke="${props.stroke}" stroke-width="${props.strokeWidth / 2}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
233+
chip: `<path d="M 5 3 L 15 3 C 16 3 17 4 17 5 L 17 15 C 17 16 16 17 15 17 L 5 17 C 4 17 3 16 3 15 L 3 5 C 3 4 4 3 5 3 M 10 1 L 10 3 M 7 1 L 7 3 M 13 1 L 13 3 M 1 10 L 3 10 M 1 7 L 3 7 M 1 13 L 3 13 M 10 17 L 10 19 M 7 17 L 7 19 M 13 17 L 13 19 M 17 10 L 19 10 M 17 7 L 19 7 M 17 13 L 19 13 M 8 7 L 12 7 C 12 7 13 7 13 8 L 13 12 C 13 12 13 13 12 13 L 8 13 C 7 13 7 12 7 12 L 7 8 C 7 7 8 7 8 7" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
234+
chipAi: `<path d="M 5 3 L 15 3 C 16 3 17 4 17 5 L 17 15 C 17 16 16 17 15 17 L 5 17 C 4 17 3 16 3 15 L 3 5 C 3 4 4 3 5 3 M 10 1 L 10 3 M 7 1 L 7 3 M 13 1 L 13 3 M 1 10 L 3 10 M 1 7 L 3 7 M 1 13 L 3 13 M 10 17 L 10 19 M 7 17 L 7 19 M 13 17 L 13 19 M 17 10 L 19 10 M 17 7 L 19 7 M 17 13 L 19 13" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M 10 6 C 9 9 9 9 6 10 C 9 11 9 11 10 14 C 11 11 11 11 14 10 C 11 9 11 9 10 6" stroke="none" fill="${props.stroke}" />`,
218235
}
219236
});
220237

types/vue-data-ui.d.ts

Lines changed: 52 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1378,6 +1378,7 @@ declare module "vue-data-ui" {
13781378
>;
13791379

13801380
export type VueUiIconName =
1381+
| "aToZ"
13811382
| "accordion"
13821383
| "annotator"
13831384
| "annotatorDisabled"
@@ -1387,15 +1388,19 @@ declare module "vue-data-ui" {
13871388
| "arrowTop"
13881389
| "battery"
13891390
| "boxes"
1391+
| "bringToBack"
1392+
| "bringToFront"
13901393
| "carouselTable"
13911394
| "chart3dBar"
13921395
| "chartAgePyramid"
13931396
| "chartBar"
13941397
| "chartBullet"
13951398
| "chartCandlestick"
13961399
| "chartChestnut"
1400+
| "chartChord"
13971401
| "chartCirclePack"
13981402
| "chartCluster"
1403+
| "chartDag"
13991404
| "chartDonut"
14001405
| "chartDonutEvolution"
14011406
| "chartDumbbell"
@@ -1413,13 +1418,15 @@ declare module "vue-data-ui" {
14131418
| "chartQuadrant"
14141419
| "chartRadar"
14151420
| "chartRelationCircle"
1421+
| "chartRidgeline"
14161422
| "chartRings"
14171423
| "chartScatter"
14181424
| "chartSparkHistogram"
14191425
| "chartSparkStackbar"
14201426
| "chartSparkbar"
14211427
| "chartSparkline"
14221428
| "chartStackbar"
1429+
| "chartStackline"
14231430
| "chartStripPlot"
14241431
| "chartTable"
14251432
| "chartTableSparkline"
@@ -1429,6 +1436,8 @@ declare module "vue-data-ui" {
14291436
| "chartWaffle"
14301437
| "chartWheel"
14311438
| "chartWordCloud"
1439+
| "chip"
1440+
| "chipAi"
14321441
| "circle"
14331442
| "circleCancel"
14341443
| "circleCheck"
@@ -1442,11 +1451,15 @@ declare module "vue-data-ui" {
14421451
| "clipboardVariable"
14431452
| "close"
14441453
| "colorPicker"
1454+
| "computer"
14451455
| "copy"
14461456
| "copyLeft"
14471457
| "csv"
1458+
| "curlyBrackets"
1459+
| "curlySpread"
14481460
| "cursor"
14491461
| "dashboard"
1462+
| "database"
14501463
| "diamond"
14511464
| "diamondFill"
14521465
| "digit0"
@@ -1459,12 +1472,23 @@ declare module "vue-data-ui" {
14591472
| "digit7"
14601473
| "digit8"
14611474
| "digit9"
1475+
| "direction"
1476+
| "document"
14621477
| "excel"
14631478
| "exitFullscreen"
1479+
| "eye"
14641480
| "fullscreen"
14651481
| "func"
14661482
| "hexagon"
14671483
| "hexagonFill"
1484+
| "histogram"
1485+
| "histogramDown"
1486+
| "histogramUp"
1487+
| "home"
1488+
| "homeFilled"
1489+
| "hourglass"
1490+
| "htmlTag"
1491+
| "icons"
14681492
| "image"
14691493
| "kpi"
14701494
| "kpiBox"
@@ -1473,7 +1497,10 @@ declare module "vue-data-ui" {
14731497
| "lambda"
14741498
| "lap"
14751499
| "legend"
1500+
| "lineUp"
1501+
| "lock"
14761502
| "menu"
1503+
| "minimap"
14771504
| "moodEmbarrassed"
14781505
| "moodFlat"
14791506
| "moodHappy"
@@ -1482,19 +1509,32 @@ declare module "vue-data-ui" {
14821509
| "moodSad"
14831510
| "moodSurprised"
14841511
| "moodWink"
1512+
| "move"
14851513
| "mu"
1514+
| "network"
1515+
| "nineToZero"
14861516
| "numbers"
14871517
| "palette"
14881518
| "pause"
14891519
| "pdf"
14901520
| "pentagon"
14911521
| "pentagonFill"
14921522
| "people"
1523+
| "percentage"
1524+
| "percentageDown"
1525+
| "percentageUp"
1526+
| "pie"
14931527
| "play"
1528+
| "printer"
14941529
| "ratio"
14951530
| "refresh"
1531+
| "resize"
14961532
| "restart"
1533+
| "revert"
1534+
| "robot"
1535+
| "save"
14971536
| "screenshot"
1537+
| "selectAndGroup"
14981538
| "settings"
14991539
| "sigma"
15001540
| "skeleton"
@@ -1508,55 +1548,32 @@ declare module "vue-data-ui" {
15081548
| "starFace"
15091549
| "starFill"
15101550
| "stop"
1551+
| "svg"
15111552
| "tableClose"
1553+
| "tableDialogClose"
1554+
| "tableDialogOpen"
15121555
| "tableOpen"
1556+
| "text"
15131557
| "tooltip"
15141558
| "tooltipDisabled"
15151559
| "trash"
15161560
| "trend"
15171561
| "trendDown"
15181562
| "trendUp"
15191563
| "triangle"
1564+
| "triangleExclamation"
15201565
| "triangleFill"
1566+
| "triangleInformation"
1567+
| "unlock"
15211568
| "unstack"
15221569
| "vueDataUi"
1523-
| "zoomMinus"
1524-
| "zoomPlus"
1525-
| "home"
1526-
| "homeFilled"
1527-
| "icons"
1528-
| "robot"
1529-
| "hourglass"
1530-
| "computer"
1531-
| "htmlTag"
1532-
| "curlyBrackets"
1533-
| "curlySpread"
1534-
| "text"
15351570
| "world"
1536-
| "eye"
1537-
| "chartRidgeline"
1538-
| "chartChord"
1539-
| "tableDialogOpen"
1540-
| "tableDialogClose"
1541-
| "minimap"
1542-
| "move"
1543-
| "resize"
1544-
| "selectAndGroup"
1545-
| "bringToFront"
1546-
| "bringToBack"
1547-
| "printer"
1548-
| "save"
1549-
| "svg"
1550-
| "chartStackline"
1571+
| "zToA"
1572+
| "zeroToNine"
15511573
| "zoomLock"
1552-
| "zoomUnlock"
1553-
| "lock"
1554-
| "unlock"
1555-
| "triangleInformation"
1556-
| "triangleExclamation"
1557-
| "direction"
1558-
| "chartDag"
1559-
| "revert";
1574+
| "zoomMinus"
1575+
| "zoomPlus"
1576+
| "zoomUnlock";
15601577

15611578
export const VueUiIcon: DefineComponent<{
15621579
name: VueUiIconName;

0 commit comments

Comments
 (0)