You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.6 KiB
72 lines
1.6 KiB
<template>
|
|
<ns-tree v-bind="getBindValue">
|
|
<template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
|
|
<slot :name="item" v-bind="data || {}"></slot>
|
|
</template>
|
|
</ns-tree>
|
|
</template>
|
|
<script lang="ts">
|
|
import { computed, defineComponent, ref, unref } from 'vue';
|
|
import { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
|
|
import { http } from '/nerv-lib/util/http';
|
|
import { get } from 'lodash-es';
|
|
|
|
export default defineComponent({
|
|
name: 'NsTreeApi',
|
|
props: {
|
|
api: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
params: {
|
|
type: Object,
|
|
},
|
|
transform: {
|
|
type: Function,
|
|
default: null,
|
|
},
|
|
resultField: {
|
|
type: String,
|
|
default: 'data.data',
|
|
},
|
|
defaultExpandAll: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
blockNode: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
setup(props, { attrs }) {
|
|
const treeData = ref<TreeDataItem[]>([]);
|
|
const getBindValue = computed(() => ({
|
|
...attrs,
|
|
...props,
|
|
treeData: treeData.value,
|
|
}));
|
|
|
|
const getData = () => {
|
|
const { params, transform, resultField } = props;
|
|
treeData.value = [];
|
|
http.get(props.api, unref(params)).then((res) => {
|
|
let data = [];
|
|
if (resultField) {
|
|
data = get(res, resultField);
|
|
}
|
|
if (transform) {
|
|
treeData.value = transform(data);
|
|
}
|
|
});
|
|
};
|
|
|
|
getData();
|
|
|
|
return {
|
|
treeData,
|
|
getBindValue,
|
|
};
|
|
},
|
|
});
|
|
</script>
|
|
<style lang="less" scoped></style>
|
|
|