Skip to content

Commit eafe050

Browse files
graphierosgraphieros
committed
Improvement - VueUiIcon - Add triangleInformation & triangleExclamation icons
1 parent ddc1132 commit eafe050

File tree

3 files changed

+8
-4
lines changed

3 files changed

+8
-4
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"
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"
1010
])
1111
1212
</script>

‎src/atoms/BaseIcon.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ const icons = computed(() => {
181181
chartCirclePack: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 10 7 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 7 M 5 5 A 1 1 0 0 0 7.716 8.039 A 1 1 0 0 0 5 5 M 13 4 A 1 1 0 0 0 11.354 7.322 A 1 1 0 0 0 13 4 M 8.506 12.628 A 1 1 0 0 0 5.05 16.755 A 1 1 0 0 0 8.506 12.628 M 14.965 6.988 A 1 1 0 0 0 13.535 9.758 A 1 1 0 0 0 14.965 6.988 M 16 11 A 1 1 0 0 0 13.084 14.742 A 1 1 0 0 0 16 11"/>`,
182182
home: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 10 L 10 2 L 18 10 M 4 10 L 4 17 C 4 18 4 18 5 18 L 8 18 L 8 12 L 12 12 L 12 18 L 15 18 C 16 18 16 18 16 17 L 16 10 M 8 18"/>`,
183183
homeFilled: `<path fill="${props.stroke}" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 10 L 10 2 L 18 10 M 4 10 L 4 17 C 4 18 4 18 5 18 L 8 18 L 8 12 L 12 12 L 12 18 L 15 18 C 16 18 16 18 16 17 L 16 10 M 8 18"/>`,
184-
icons: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 9 L 5 2 L 9 9 L 1 9 M 12 9 L 12 2 L 19 2 L 19 9 L 12 9 M 5 11 C 0 11 0 18 5 18 C 10 18 10 11 5 11 M 15 11 L 15 18 L 16 18 L 16 11 L 15 11 M 12 14 L 19 14 L 19 15 L 12 15 L 12 14"/>`,
184+
icons: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 9 L 5 2 L 9 9 L 1 9 M 12 9 L 12 2 L 19 2 L 19 9 L 12 9 M 5 12 C 0 12 0 19 5 19 C 10 19 10 12 5 12 M 12 12 L 19 19 M 19 12 L 12 19"/>`,
185185
robot: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 2 L 18 2 L 18 18 L 2 18 L 2 2 M 6 5 A 1 1 0 0 0 6 8 A 1 1 0 0 0 6 5 M 14 5 A 1 1 0 0 0 14 8 A 1 1 0 0 0 14 5 M 1 4 L 1 9 M 19 4 L 19 9 M 5 11 C 6 16 14 16 15 11 M 7 1 L 13 1"/>`,
186186
hourglass: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 1 L 16 1 M 13 1 C 16 3 14 5 14 5 M 7 1 C 4 3 6 5 6 5 M 4 19 L 16 19 M 6 5 C 10 10 10 10 6 15 M 14 5 C 10 10 10 10 14 15 M 13 19 C 16 17 14 15 14 15 M 7 19 C 4 17 6 15 6 15"/><path style="opacity:0.3" fill="${props.stroke}" stroke="none" d="M 7 18 L 13 18 C 14 15 11 13 10 13 C 9 13 6 15 7 18"/>`,
187187
computer: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 4 L 2 10 C 2 11 3 12 4 12 L 16 12 C 17 12 18 11 18 10 L 18 4 C 18 3 17 2 16 2 L 4 2 C 3 2 2 3 2 4 M 4 16 L 2 19 L 18 19 L 16 16 L 4 16 M 5 14 L 15 14 M 7 14 L 10 12 L 13 14 M 7 5 L 4 7 L 7 9 M 13 5 L 16 7 L 13 9 M 11 4 L 9 10"/>`,
@@ -209,6 +209,8 @@ const icons = computed(() => {
209209
zoomLock: `<path d="M 10 1 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 1 M 16.36 16.368 L 19 19 M 6 10 L 6 14 C 6 15 7 15 7 15 L 13 15 C 13 15 14 15 14 14 L 14 10 C 14 10 14 9 13 9 L 7 9 C 6 9 6 10 6 10 M 13 9 M 10 11 L 10 13 M 13 9 C 14 3 6 3 7 9" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
210210
lock: `<path d="M 16 8 C 16 -1 4 -1 4 8 M 3 8 L 17 8 C 18 8 18 9 18 9 L 18 18 C 18 19 17 19 17 19 L 3 19 C 3 19 2 19 2 18 L 2 9 C 2 9 2 8 3 8 M 10 11 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 11 M 10 13 L 10 16" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
211211
unlock: `<path d="M 16 8 C 18 1 10 0 8 2 M 3 8 L 17 8 C 18 8 18 9 18 9 L 18 18 C 18 19 17 19 17 19 L 3 19 C 3 19 2 19 2 18 L 2 9 C 2 9 2 8 3 8 M 10 11 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 11 M 10 13 L 10 16" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
212+
triangleInformation: `<path d="M 4 18 L 16 18 C 17 18 20 18 19 15 L 12 3 C 11 1 9 1 8 3 L 1 15 C 0 18 3 18 4 18 M 10 15 L 10 10 M 10 6 A 1 1 0 0 0 10 8 A 1 1 0 0 0 10 6" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,
213+
triangleExclamation: `<path d="M 4 18 L 16 18 C 17 18 20 18 19 15 L 12 3 C 11 1 9 1 8 3 L 1 15 C 0 18 3 18 4 18 M 10 11 L 10 5 M 10 13 A 1 1 0 0 0 10 15 A 1 1 0 0 0 10 13" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,
212214
}
213215
});
214216

‎types/vue-data-ui.d.ts‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1528,7 +1528,9 @@ declare module "vue-data-ui" {
15281528
| "zoomLock"
15291529
| "zoomUnlock"
15301530
| "lock"
1531-
| "unlock";
1531+
| "unlock"
1532+
| "triangleInformation"
1533+
| "triangleExclamation";
15321534

15331535
export const VueUiIcon: DefineComponent<{
15341536
name: VueUiIconName;
@@ -6256,7 +6258,7 @@ declare module "vue-data-ui" {
62566258

62576259
export type VueUiTableHeatmapDatasetItem = {
62586260
name: string;
6259-
values: Array<number | string>;
6261+
values: Array<number | string | null>;
62606262
color?: string;
62616263
shape?:
62626264
| "circle"

0 commit comments

Comments
 (0)