forked from opentiny/tiny-engine
55 lines
1.5 KiB
Vue
55 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<tiny-tree
|
|
:data="[
|
|
{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] },
|
|
{
|
|
label: '一级 2',
|
|
children: [
|
|
{ label: '二级 2-1', children: [{ label: '三级 2-1-1' }] },
|
|
{ label: '二级 2-2', children: [{ label: '三级 2-2-1' }] }
|
|
]
|
|
}
|
|
]"
|
|
>
|
|
<template #default="{ data }">
|
|
<span>{{ data.label }}</span></template
|
|
></tiny-tree
|
|
>
|
|
<tiny-tree
|
|
:data="[
|
|
{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] },
|
|
{
|
|
label: '一级 2',
|
|
children: [
|
|
{ label: '二级 2-1', children: [{ label: '三级 2-1-1' }] },
|
|
{ label: '二级 2-2', children: [{ label: '三级 2-2-1' }] }
|
|
]
|
|
}
|
|
]"
|
|
>
|
|
<template #default="data">
|
|
<span>{{ data.label }}</span></template
|
|
></tiny-tree
|
|
>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { Tree as TinyTree } from '@opentiny/vue'
|
|
import * as vue from 'vue'
|
|
import { defineProps, defineEmits } from 'vue'
|
|
import { I18nInjectionKey } from 'vue-i18n'
|
|
|
|
const props = defineProps({})
|
|
|
|
const emit = defineEmits([])
|
|
const { t, lowcodeWrap, stores } = vue.inject(I18nInjectionKey).lowcode()
|
|
const wrap = lowcodeWrap(props, { emit })
|
|
wrap({ stores })
|
|
|
|
const state = vue.reactive({})
|
|
wrap({ state })
|
|
</script>
|
|
<style scoped></style>
|