|
|
|
@ -1,7 +1,16 @@ |
|
|
|
<script lang="tsx"> |
|
|
|
import type { ReplaceFields, Keys, CheckKeys, TreeActionType, TreeItem } from './types'; |
|
|
|
|
|
|
|
import { defineComponent, reactive, computed, unref, ref, watchEffect, onMounted } from 'vue'; |
|
|
|
import { |
|
|
|
defineComponent, |
|
|
|
reactive, |
|
|
|
computed, |
|
|
|
unref, |
|
|
|
ref, |
|
|
|
watchEffect, |
|
|
|
onMounted, |
|
|
|
toRaw, |
|
|
|
} from 'vue'; |
|
|
|
import { Tree } from 'ant-design-vue'; |
|
|
|
import { TreeIcon } from './TreeIcon'; |
|
|
|
// import { DownOutlined } from '@ant-design/icons-vue'; |
|
|
|
@ -77,9 +86,8 @@ |
|
|
|
state.selectedKeys = v; |
|
|
|
emit('update:selectedKeys', v); |
|
|
|
}, |
|
|
|
onCheck: (v: CheckKeys, e) => { |
|
|
|
onCheck: (v: CheckKeys) => { |
|
|
|
state.checkedKeys = v; |
|
|
|
console.log(e); |
|
|
|
emit('update:value', v); |
|
|
|
}, |
|
|
|
onRightClick: handleRightClick, |
|
|
|
@ -128,7 +136,7 @@ |
|
|
|
const propsData = omit(item, 'title'); |
|
|
|
const icon = getIcon({ ...item, level }, item.icon); |
|
|
|
return ( |
|
|
|
<Tree.TreeNode {...propsData} key={get(item, keyField)}> |
|
|
|
<Tree.TreeNode {...propsData} node={toRaw(item)} key={get(item, keyField)}> |
|
|
|
{{ |
|
|
|
title: () => ( |
|
|
|
<span class={`${prefixCls}-title`}> |
|
|
|
|