mirror of
https://github.com/enso-org/enso.git
synced 2024-12-25 03:43:41 +03:00
b286adaae4
# Important Notes The command to run the gui dev environment has been changed. Invoking the old command will print a message about that. From now on, use `pnpm dev:gui2` in repository root.
49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
|
|
import VisualizationSelector from '@/components/VisualizationSelector.vue'
|
|
import { logEvent } from 'histoire/client'
|
|
import type { VisualizationIdentifier } from 'ydoc-shared/yjsModel'
|
|
|
|
const type = ref<VisualizationIdentifier>({
|
|
module: { kind: 'Builtin' },
|
|
name: 'Example',
|
|
})
|
|
|
|
const types = ref<VisualizationIdentifier[]>([
|
|
{
|
|
module: { kind: 'Builtin' },
|
|
name: 'Example',
|
|
},
|
|
{
|
|
module: { kind: 'Builtin' },
|
|
name: 'Types',
|
|
},
|
|
{
|
|
module: { kind: 'Builtin' },
|
|
name: 'Here',
|
|
},
|
|
])
|
|
</script>
|
|
|
|
<template>
|
|
<Story
|
|
title="Selector"
|
|
group="visualizations"
|
|
:layout="{ type: 'grid', width: 200 }"
|
|
autoPropsDisabled
|
|
>
|
|
<VisualizationSelector
|
|
v-model="type"
|
|
style="color: var(--color-text); position: relative; left: 12px; width: fit-content"
|
|
:types="types"
|
|
@hide="logEvent('hide', [])"
|
|
@update:modelValue="logEvent('update:modelValue', [JSON.stringify($event)])"
|
|
/>
|
|
|
|
<template #controls>
|
|
<HstJson v-model="types" title="types" />
|
|
</template>
|
|
</Story>
|
|
</template>
|