|
@@ -1,5 +1,6 @@
|
|
|
<script setup lang="ts">
|
|
|
import XEUtils from "xe-utils";
|
|
|
+import CyTreeInput from "@/components/cy/tree-input/src/CyTreeInput.vue";
|
|
|
|
|
|
const props = defineProps<{ templateData: any[] }>();
|
|
|
|
|
@@ -8,6 +9,8 @@ const defaultProps = {
|
|
|
label: "name",
|
|
|
};
|
|
|
|
|
|
+const treeRef = ref();
|
|
|
+
|
|
|
const emits = defineEmits<{
|
|
|
(e: "cyDialogConfirm" | "cyDialogCancel", value?: any): void;
|
|
|
}>();
|
|
@@ -29,12 +32,18 @@ function contextmenu(event: Event, data) {
|
|
|
<template>
|
|
|
<div style="max-height: calc(100vh - 200px); overflow: auto">
|
|
|
<el-alert type="warning" title="鼠标右键选中" />
|
|
|
- <el-tree
|
|
|
- node-key="_id"
|
|
|
- :data="props.templateData"
|
|
|
- :props="defaultProps"
|
|
|
- :default-expanded-keys="defaultExpandedKeys"
|
|
|
- @nodeContextmenu="contextmenu"
|
|
|
- />
|
|
|
+ <cy-tree-input :tree-ref="treeRef" :remote-method="XEUtils.noop">
|
|
|
+ <template #default="{ handelFilter, treeData }">
|
|
|
+ <el-tree
|
|
|
+ ref="treeRef"
|
|
|
+ node-key="_id"
|
|
|
+ :data="props.templateData"
|
|
|
+ :props="defaultProps"
|
|
|
+ :default-expanded-keys="defaultExpandedKeys"
|
|
|
+ :filter-node-method="handelFilter"
|
|
|
+ @nodeContextmenu="contextmenu"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </cy-tree-input>
|
|
|
</div>
|
|
|
</template>
|