fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-27 21:18:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Change tool option kinds to PascalCase (#292)

Browse Source
This commit is contained in:
Henry Sloan
2021-07-23 14:47:55 -07:00
committed by GitHub
parent 8f9168bfe5
commit d30d44eb70
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/widgets/options/ToolOptions.vue
+31 -31
View File
@@ -1,13 +1,13 @@
<template> <template>
<div class="tool-options"> <div class="tool-options">
<template v-for="(option, index) in optionsMap.get(activeTool) || []" :key="index"> <template v-for="(option, index) in optionsMap.get(activeTool) || []" :key="index">
<IconButton v-if="option.kind === 'icon_button'" :icon="option.icon" :size="24" :title="option.title" :onClick="() => sendToolMessage(option.message)" /> <IconButton v-if="option.kind === 'IconButton'" :icon="option.icon" :size="24" :title="option.title" :onClick="() => sendToolMessage(option.message)" />
<Separator v-if="option.kind === 'separator'" :type="option.type" /> <Separator v-if="option.kind === 'Separator'" :type="option.type" />
<PopoverButton v-if="option.kind === 'popover_button'"> <PopoverButton v-if="option.kind === 'PopoverButton'">
<h3>{{ option.title }}</h3> <h3>{{ option.title }}</h3>
<p>{{ option.placeholderText }}</p> <p>{{ option.placeholderText }}</p>
</PopoverButton> </PopoverButton>
<NumberInput v-if="option.kind === 'number_input'" :callback="option.callback" :initialValue="option.initial" :step="option.step" :min="option.min" :updateOnCallback="true" /> <NumberInput v-if="option.kind === 'NumberInput'" :callback="option.callback" :initialValue="option.initial" :step="option.step" :min="option.min" :updateOnCallback="true" />
</template> </template>
</div> </div>
</template> </template>
@@ -35,25 +35,25 @@ type ToolOptionsMap = Map<string, ToolOptionsList>;
type ToolOptions = IconButtonOption | SeparatorOption | PopoverButtonOption | NumberInputOption; type ToolOptions = IconButtonOption | SeparatorOption | PopoverButtonOption | NumberInputOption;
interface IconButtonOption { interface IconButtonOption {
kind: "icon_button"; kind: "IconButton";
icon: string; icon: string;
title: string; title: string;
message?: string; message?: string;
} }
interface SeparatorOption { interface SeparatorOption {
kind: "separator"; kind: "Separator";
type: SeparatorType; type: SeparatorType;
} }
interface PopoverButtonOption { interface PopoverButtonOption {
kind: "popover_button"; kind: "PopoverButton";
title: string; title: string;
placeholderText: string; placeholderText: string;
} }
interface NumberInputOption { interface NumberInputOption {
kind: "number_input"; kind: "NumberInput";
initial: number; initial: number;
step: number; step: number;
min?: number; min?: number;
@@ -87,43 +87,43 @@ export default defineComponent({
[ [
"Select", "Select",
[ [
{ kind: "icon_button", icon: "AlignHorizontalLeft", title: "Horizontal Align Left" }, { kind: "IconButton", icon: "AlignHorizontalLeft", title: "Horizontal Align Left" },
{ kind: "icon_button", icon: "AlignHorizontalCenter", title: "Horizontal Align Center" }, { kind: "IconButton", icon: "AlignHorizontalCenter", title: "Horizontal Align Center" },
{ kind: "icon_button", icon: "AlignHorizontalRight", title: "Horizontal Align Right" }, { kind: "IconButton", icon: "AlignHorizontalRight", title: "Horizontal Align Right" },
{ kind: "separator", type: SeparatorType.Unrelated }, { kind: "Separator", type: SeparatorType.Unrelated },
{ kind: "icon_button", icon: "AlignVerticalTop", title: "Vertical Align Top" }, { kind: "IconButton", icon: "AlignVerticalTop", title: "Vertical Align Top" },
{ kind: "icon_button", icon: "AlignVerticalCenter", title: "Vertical Align Center" }, { kind: "IconButton", icon: "AlignVerticalCenter", title: "Vertical Align Center" },
{ kind: "icon_button", icon: "AlignVerticalBottom", title: "Vertical Align Bottom" }, { kind: "IconButton", icon: "AlignVerticalBottom", title: "Vertical Align Bottom" },
{ kind: "separator", type: SeparatorType.Related }, { kind: "Separator", type: SeparatorType.Related },
{ kind: "popover_button", title: "Align", placeholderText: "More alignment-related buttons will be here" }, { kind: "PopoverButton", title: "Align", placeholderText: "More alignment-related buttons will be here" },
{ kind: "separator", type: SeparatorType.Section }, { kind: "Separator", type: SeparatorType.Section },
{ kind: "icon_button", icon: "FlipHorizontal", title: "Flip Horizontal", message: "FlipHorizontal" }, { kind: "IconButton", icon: "FlipHorizontal", title: "Flip Horizontal", message: "FlipHorizontal" },
{ kind: "icon_button", icon: "FlipVertical", title: "Flip Vertical", message: "FlipVertical" }, { kind: "IconButton", icon: "FlipVertical", title: "Flip Vertical", message: "FlipVertical" },
{ kind: "separator", type: SeparatorType.Related }, { kind: "Separator", type: SeparatorType.Related },
{ kind: "popover_button", title: "Flip", placeholderText: "More flip-related buttons will be here" }, { kind: "PopoverButton", title: "Flip", placeholderText: "More flip-related buttons will be here" },
{ kind: "separator", type: SeparatorType.Section }, { kind: "Separator", type: SeparatorType.Section },
{ kind: "icon_button", icon: "BooleanUnion", title: "Boolean Union" }, { kind: "IconButton", icon: "BooleanUnion", title: "Boolean Union" },
{ kind: "icon_button", icon: "BooleanSubtractFront", title: "Boolean Subtract Front" }, { kind: "IconButton", icon: "BooleanSubtractFront", title: "Boolean Subtract Front" },
{ kind: "icon_button", icon: "BooleanSubtractBack", title: "Boolean Subtract Back" }, { kind: "IconButton", icon: "BooleanSubtractBack", title: "Boolean Subtract Back" },
{ kind: "icon_button", icon: "BooleanIntersect", title: "Boolean Intersect" }, { kind: "IconButton", icon: "BooleanIntersect", title: "Boolean Intersect" },
{ kind: "icon_button", icon: "BooleanDifference", title: "Boolean Difference" }, { kind: "IconButton", icon: "BooleanDifference", title: "Boolean Difference" },
{ kind: "separator", type: SeparatorType.Related }, { kind: "Separator", type: SeparatorType.Related },
{ kind: "popover_button", title: "Boolean", placeholderText: "More boolean-related buttons will be here" }, { kind: "PopoverButton", title: "Boolean", placeholderText: "More boolean-related buttons will be here" },
], ],
], ],
["Shape", [{ kind: "number_input", initial: 6, step: 1, min: 3, callback: this.setToolOptions }]], ["Shape", [{ kind: "NumberInput", initial: 6, step: 1, min: 3, callback: this.setToolOptions }]],
]); ]);
return { return {