profectus/Profectus
Template
1
0
Fork 4
Code Issues 38 Pull requests 6 Projects 2 Releases Packages Wiki Activity Actions

Fixed some typings on Board component

Browse source 
also removed FeatureComponent type since it's no longer used
This commit is contained in:
thepaperpilot 2022-05-10 19:39:39 -05:00
parent 05eb2a2bed
commit 2ec1a03d8f
2 changed files with 28 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/features/boards/Board.vue
View file

@ -25,7 +25,7 @@
<svg class="stage" width="100%" height="100%">
<g class="g1">
<transition-group name="link" appear>
<g v-for="(link, i) in links || []" :key="i">
<g v-for="(link, i) in unref(links) || []" :key="i">
<BoardLinkVue :link="link" />
</g>
</transition-group>
@ -38,8 +38,8 @@
:dragged="dragged"
:hasDragged="hasDragged"
:receivingNode="receivingNode?.id === node.id"
:selectedNode="selectedNode"
:selectedAction="selectedAction"
:selectedNode="unref(selectedNode)"
:selectedAction="unref(selectedAction)"
@mouseDown="mouseDown"
@endDragging="endDragging"
/>
@ -51,15 +51,35 @@
</template>
<script setup lang="ts">
import { BoardNode, GenericBoard, getNodeProperty } from "features/boards/board";
import { FeatureComponent, Visibility } from "features/feature";
import {
BoardData,
BoardNode,
BoardNodeLink,
GenericBoardNodeAction,
GenericNodeType,
getNodeProperty
} from "features/boards/board";
import { StyleValue, Visibility } from "features/feature";
import { PersistentState } from "game/persistence";
import { computed, ref, toRefs } from "vue";
import { ProcessedComputable } from "util/computed";
import { computed, Ref, ref, toRefs, unref } from "vue";
import panZoom from "vue-panzoom";
import BoardLinkVue from "./BoardLink.vue";
import BoardNodeVue from "./BoardNode.vue";
const _props = defineProps<FeatureComponent<GenericBoard>>();
const _props = defineProps<{
nodes: Ref<BoardNode[]>;
types: Record<string, GenericNodeType>;
[PersistentState]: Ref<BoardData>;
visibility: ProcessedComputable<Visibility>;
width?: ProcessedComputable<string>;
height?: ProcessedComputable<string>;
style?: ProcessedComputable<StyleValue>;
classes?: ProcessedComputable<Record<string, boolean>>;
links: Ref<BoardNodeLink[] | null>;
selectedAction: Ref<GenericBoardNodeAction | null>;
selectedNode: Ref<BoardNode | null>;
}>();
const props = toRefs(_props);
const lastMousePosition = ref({ x: 0, y: 0 });

10
src/features/feature.ts
View file

@ -1,6 +1,5 @@
import { DefaultValue } from "game/persistence";
import Decimal from "util/bignum";
import { DoNotCache, ProcessedComputable } from "util/computed";
import { DoNotCache } from "util/computed";
import { CSSProperties, DefineComponent, isRef } from "vue";
export const Component = Symbol("Component");
@ -15,13 +14,6 @@ export type StyleValue = string | CSSProperties | Array<string | CSSProperties>;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type GenericComponent = DefineComponent<any, any, any>;
export type FeatureComponent<T> = Omit<
{
[K in keyof T]: T[K] extends ProcessedComputable<infer S> ? S : T[K];
},
typeof Component | typeof DefaultValue
>;
export type Replace<T, S> = S & Omit<T, keyof S>;
export type OptionsFunc<T, S = T, R = Record<string, unknown>> = () => T & ThisType<S> & Partial<R>;