@blueking/ai-ui-sdk 0.1.19-beta.3 → 0.1.19-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/render-auth/auth-dialog.vue.d.ts +2 -1
- package/dist/components/render-auto-height-textarea/index.vue.css +11 -11
- package/dist/components/render-auto-height-textarea/index.vue.d.ts +2 -1
- package/dist/components/render-auto-height-textarea/index.vue.js +1 -1
- package/dist/components/render-auto-refresh/index.vue.css +8 -8
- package/dist/components/render-auto-refresh/index.vue.d.ts +2 -1
- package/dist/components/render-auto-refresh/index.vue.js +1 -1
- package/dist/components/render-checkbox/index.vue.css +9 -9
- package/dist/components/render-checkbox/index.vue.d.ts +2 -1
- package/dist/components/render-checkbox/index.vue.js +1 -1
- package/dist/components/render-choose-tag/index.vue.css +7 -7
- package/dist/components/render-choose-tag/index.vue.d.ts +2 -1
- package/dist/components/render-choose-tag/index.vue.js +1 -1
- package/dist/components/render-collapse/index.vue.css +2 -2
- package/dist/components/render-collapse/index.vue.d.ts +3 -2
- package/dist/components/render-collapse/index.vue.js +1 -1
- package/dist/components/render-dataset/components/batch-review-dataset-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/dataset-data-level/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/dataset-data-status/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/dataset-data-tool-icons/index.script.vue.js +1 -1
- package/dist/components/render-dataset/components/dataset-data-tool-icons/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/edit-dataset-data/index.vue.css +3 -3
- package/dist/components/render-dataset/components/edit-dataset-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/edit-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/index.vue.css +4 -4
- package/dist/components/render-dataset/components/operation-record/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/operation-record/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/table/index.vue.css +1 -1
- package/dist/components/render-dataset/components/operation-record/table/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/operation-record/table/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.css +2 -2
- package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset/dataset-footer.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset/dataset-form.vue.d.ts +4 -2
- package/dist/components/render-dataset/components/plus-dataset/index.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset/index.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/category.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/dataset.vue.d.ts +4 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/file.vue.d.ts +4 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.css +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/manual.vue.d.ts +4 -2
- package/dist/components/render-dataset/components/plus-dataset-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/review-dataset-data/index.vue.css +10 -10
- package/dist/components/render-dataset/components/review-dataset-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/review-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/search-dataset/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/search-dataset-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/search-operation-record/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/components/source-type-icon/index.vue.d.ts +2 -1
- package/dist/components/render-dataset/index.script.vue.js +5 -0
- package/dist/components/render-dataset/index.vue.d.ts +2 -6
- package/dist/components/render-dataset/index.vue.js +2 -3
- package/dist/components/render-dataset-detail/components/header.script.vue.js.js +1 -1
- package/dist/components/render-dataset-detail/components/header.vue.d.ts +4 -2
- package/dist/components/render-dataset-detail/components/tab.vue.d.ts +2 -1
- package/dist/components/render-dataset-detail/index.vue.d.ts +2 -1
- package/dist/components/render-dataset-detail-origin-data/components/batch-operation/index.vue.d.ts +2 -1
- package/dist/components/render-dataset-detail-origin-data/components/table/index.vue.d.ts +4 -2
- package/dist/components/render-dataset-detail-origin-data/index.vue.css +3 -3
- package/dist/components/render-dataset-detail-origin-data/index.vue.d.ts +2 -1
- package/dist/components/render-dataset-detail-origin-data/index.vue.js +1 -1
- package/dist/components/render-dataset-list/components/header.script.vue.js.js +65 -0
- package/dist/components/render-dataset-list/components/header.vue.d.ts +14 -0
- package/dist/components/render-dataset-list/components/header.vue.js +3 -0
- package/dist/components/render-dataset-list/components/main.script.vue.js.js +9 -3
- package/dist/components/render-dataset-list/components/main.vue.css +4 -4
- package/dist/components/render-dataset-list/components/main.vue.d.ts +6 -3
- package/dist/components/render-dataset-list/components/main.vue.js +1 -1
- package/dist/components/render-dataset-list/components/table.script.vue.js.js +27 -6
- package/dist/components/render-dataset-list/components/table.vue.d.ts +6 -3
- package/dist/components/render-dataset-list/index.script.vue.js.js +85 -9
- package/dist/components/render-dataset-list/index.vue.css +5 -0
- package/dist/components/render-dataset-list/index.vue.d.ts +2 -3
- package/dist/components/render-dataset-list/index.vue.js +2 -0
- package/dist/components/render-file-card/index.vue.css +11 -11
- package/dist/components/render-file-card/index.vue.d.ts +8 -7
- package/dist/components/render-file-card/index.vue.js +1 -1
- package/dist/components/render-file-type-icon/index.vue.css +5 -5
- package/dist/components/render-file-type-icon/index.vue.d.ts +2 -1
- package/dist/components/render-file-type-icon/index.vue.js +1 -1
- package/dist/components/render-header/index.script.vue.js.js +24 -4
- package/dist/components/render-header/index.vue.css +3 -3
- package/dist/components/render-header/index.vue.d.ts +4 -2
- package/dist/components/render-header/index.vue.js +1 -1
- package/dist/components/render-like/index.vue.css +5 -5
- package/dist/components/render-like/index.vue.d.ts +6 -5
- package/dist/components/render-like/index.vue.js +1 -1
- package/dist/components/render-router-tab/index.vue.css +3 -3
- package/dist/components/render-router-tab/index.vue.d.ts +2 -1
- package/dist/components/render-router-tab/index.vue.js +1 -1
- package/dist/components/render-search-select/index.vue.d.ts +8 -7
- package/dist/components/render-tag-tree/index.script.vue.js.js +139 -0
- package/dist/components/render-tag-tree/index.vue.css +30 -0
- package/dist/components/render-tag-tree/index.vue.d.ts +19 -0
- package/dist/components/render-tag-tree/index.vue.js +5 -0
- package/dist/components/render-tree/index.script.vue.js +162 -0
- package/dist/components/render-tree/index.vue.css +24 -0
- package/dist/components/render-tree/index.vue.d.ts +43 -0
- package/dist/components/render-tree/index.vue.js +4 -0
- package/dist/components.d.ts +3 -1
- package/dist/components.ts.js +3 -1
- package/dist/css/fonts/iconcool.eot +0 -0
- package/dist/css/fonts/iconcool.svg +6 -0
- package/dist/css/fonts/iconcool.ttf +0 -0
- package/dist/css/fonts/iconcool.woff +0 -0
- package/dist/css/iconcool.js +1 -1
- package/dist/css/style.css +6 -0
- package/dist/css/tailwind.css +1 -1
- package/dist/hooks/use-common-http.d.ts +5 -0
- package/dist/hooks/use-common-http.ts.js +16 -0
- package/dist/hooks/use-table.d.ts +2 -7
- package/dist/hooks/use-table.ts.js +3 -3
- package/dist/http/helper/common.d.ts +25 -0
- package/dist/http/helper/common.ts.js +45 -0
- package/dist/http/helper/dataset.ts.js +10 -17
- package/dist/transforms.d.ts +1 -0
- package/dist/transforms.ts.js +1 -0
- package/dist/types/common.d.ts +37 -4
- package/dist/types/dataset.d.ts +12 -10
- package/dist/types/enum.d.ts +7 -1
- package/dist/types/enum.ts.js +7 -0
- package/package.json +2 -2
- package/dist/components/render-aside/index.script.vue.js +0 -69
- package/dist/components/render-aside/index.vue.css +0 -49
- package/dist/components/render-aside/index.vue.d.ts +0 -26
- package/dist/components/render-aside/index.vue.js +0 -5
- package/dist/components/render-dataset/index.script.vue.js.js +0 -126
- package/dist/components/render-dataset/index.vue.css +0 -6
- package/dist/components/render-expand-collapse/index.script.vue.js.js +0 -33
- package/dist/components/render-expand-collapse/index.vue.css +0 -23
- package/dist/components/render-expand-collapse/index.vue.d.ts +0 -12
- package/dist/components/render-expand-collapse/index.vue.js +0 -5
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import type { ISearchSelectItem } from '@/types/common';
|
|
2
|
-
declare const
|
|
3
|
-
props: __VLS_PrettifyLocal<
|
|
4
|
-
readonly "onUpdate:modelValue"?: (value: T) => any;
|
|
5
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & {
|
|
2
|
+
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: __VLS_PrettifyLocal<{
|
|
6
4
|
data: ISearchSelectItem[];
|
|
7
5
|
modelValue: T;
|
|
8
6
|
placeholder?: string;
|
|
@@ -14,15 +12,18 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
|
|
|
14
12
|
id: number;
|
|
15
13
|
}[]) => Promise<boolean | string> | boolean | string;
|
|
16
14
|
getMenuList?: Function;
|
|
17
|
-
} &
|
|
18
|
-
|
|
15
|
+
} & {
|
|
16
|
+
"onUpdate:modelValue"?: (value: T) => any;
|
|
17
|
+
}> & import("vue").PublicProps;
|
|
18
|
+
expose: (exposed: {}) => void;
|
|
19
19
|
attrs: any;
|
|
20
20
|
slots: {};
|
|
21
21
|
emit: (event: "update:modelValue", value: T) => void;
|
|
22
22
|
}>) => import("vue").VNode & {
|
|
23
23
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
24
24
|
};
|
|
25
|
+
declare const _default: typeof __VLS_export;
|
|
25
26
|
export default _default;
|
|
26
27
|
type __VLS_PrettifyLocal<T> = {
|
|
27
|
-
[K in keyof T]: T[K];
|
|
28
|
+
[K in keyof T as K]: T[K];
|
|
28
29
|
} & {};
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { defineComponent as _defineComponent } from 'vue';
|
|
2
|
+
import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
|
|
3
|
+
const _hoisted_1 = {
|
|
4
|
+
class: "g-height-full g-bg-white g-p-12"
|
|
5
|
+
};
|
|
6
|
+
const _hoisted_2 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "quick-icon ai-ui-sdk-icon ai-ui-sdk-quanbu-xuanzhong g-text-18 g-mr-8 g-text-gray"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_3 = {
|
|
11
|
+
key: 1,
|
|
12
|
+
class: "quick-icon ai-ui-sdk-icon ai-ui-sdk-wubiaoqian g-text-18 g-mr-8 g-text-gray"
|
|
13
|
+
};
|
|
14
|
+
const _hoisted_4 = {
|
|
15
|
+
class: "g-flex-row manage-tree-item"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_5 = [
|
|
18
|
+
"title"
|
|
19
|
+
];
|
|
20
|
+
const _hoisted_6 = {
|
|
21
|
+
class: "tag-number g-number-font"
|
|
22
|
+
};
|
|
23
|
+
import { ref, toRef, watch } from 'vue';
|
|
24
|
+
import RenderTree from '../render-tree/index.vue.js';
|
|
25
|
+
import { useCommonHttp } from '../../hooks/use-common-http.ts.js';
|
|
26
|
+
export default /*@__PURE__*/ _defineComponent({
|
|
27
|
+
props: {
|
|
28
|
+
module: {},
|
|
29
|
+
subModule: {},
|
|
30
|
+
tagName: {},
|
|
31
|
+
tagId: {},
|
|
32
|
+
groupType: {},
|
|
33
|
+
apiPrefix: {},
|
|
34
|
+
spaceId: {}
|
|
35
|
+
},
|
|
36
|
+
emits: [
|
|
37
|
+
"update:tag-id",
|
|
38
|
+
"update:tagName"
|
|
39
|
+
],
|
|
40
|
+
setup (__props, { emit: __emit }) {
|
|
41
|
+
const props = __props;
|
|
42
|
+
const emit = __emit;
|
|
43
|
+
const { getTagTree } = useCommonHttp(props.apiPrefix, toRef(props, 'spaceId'));
|
|
44
|
+
const loadingTagsTree = ref(false);
|
|
45
|
+
const openedIds = ref([]);
|
|
46
|
+
const tags = ref([]);
|
|
47
|
+
const allDataMap = ref({
|
|
48
|
+
tagId: undefined,
|
|
49
|
+
tagName: '全部',
|
|
50
|
+
count: 0,
|
|
51
|
+
property: null,
|
|
52
|
+
children: []
|
|
53
|
+
});
|
|
54
|
+
const isNodeHasChildren = (node)=>{
|
|
55
|
+
var _node_children;
|
|
56
|
+
var _node_children_length;
|
|
57
|
+
return ((_node_children_length = (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) !== null && _node_children_length !== void 0 ? _node_children_length : 0) > 0;
|
|
58
|
+
};
|
|
59
|
+
const handleUpdateTagId = (tagId)=>{
|
|
60
|
+
emit('update:tag-id', tagId);
|
|
61
|
+
};
|
|
62
|
+
const handleUpdateTagName = (tagName)=>{
|
|
63
|
+
emit('update:tagName', tagName);
|
|
64
|
+
};
|
|
65
|
+
// 获取标签树列表
|
|
66
|
+
const handleGetTagsTree = ()=>{
|
|
67
|
+
loadingTagsTree.value = true;
|
|
68
|
+
getTagTree(props.module, props.subModule, props.tagName, props.groupType).then((data)=>{
|
|
69
|
+
allDataMap.value.count = data.all;
|
|
70
|
+
tags.value = [
|
|
71
|
+
allDataMap.value,
|
|
72
|
+
...data.tree
|
|
73
|
+
];
|
|
74
|
+
}).finally(()=>{
|
|
75
|
+
loadingTagsTree.value = false;
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
watch(()=>[
|
|
79
|
+
props.tagName,
|
|
80
|
+
props.groupType
|
|
81
|
+
], handleGetTagsTree, {
|
|
82
|
+
immediate: true
|
|
83
|
+
});
|
|
84
|
+
return (_ctx, _cache)=>{
|
|
85
|
+
const _component_bk_input = _resolveComponent("bk-input");
|
|
86
|
+
const _directive_bkloading = _resolveDirective("bkloading");
|
|
87
|
+
return _openBlock(), _createElementBlock("section", _hoisted_1, [
|
|
88
|
+
_createVNode(_component_bk_input, {
|
|
89
|
+
type: "search",
|
|
90
|
+
class: "g-mb-12",
|
|
91
|
+
clearable: "",
|
|
92
|
+
placeholder: "搜索标签关键字",
|
|
93
|
+
"model-value": props.tagName,
|
|
94
|
+
"onUpdate:modelValue": handleUpdateTagName
|
|
95
|
+
}, null, 8 /* PROPS */ , [
|
|
96
|
+
"model-value"
|
|
97
|
+
]),
|
|
98
|
+
_withDirectives((_openBlock(), _createBlock(RenderTree, {
|
|
99
|
+
"opened-ids": openedIds.value,
|
|
100
|
+
"onUpdate:openedIds": _cache[0] || (_cache[0] = ($event)=>openedIds.value = $event),
|
|
101
|
+
"api-prefix": props.apiPrefix,
|
|
102
|
+
"space-id": props.spaceId,
|
|
103
|
+
"selected-id": props.tagId,
|
|
104
|
+
data: tags.value,
|
|
105
|
+
"is-node-has-children": isNodeHasChildren,
|
|
106
|
+
class: "tag-tree",
|
|
107
|
+
"key-name": "tagId",
|
|
108
|
+
onSelect: _cache[1] || (_cache[1] = (data)=>handleUpdateTagId(data.tagId))
|
|
109
|
+
}, {
|
|
110
|
+
default: _withCtx((data)=>[
|
|
111
|
+
data.tagId === undefined ? (_openBlock(), _createElementBlock("i", _hoisted_2)) : _createCommentVNode("v-if", true),
|
|
112
|
+
data.tagId === -1 ? (_openBlock(), _createElementBlock("i", _hoisted_3)) : _createCommentVNode("v-if", true),
|
|
113
|
+
_createElementVNode("section", _hoisted_4, [
|
|
114
|
+
_createElementVNode("span", {
|
|
115
|
+
class: "g-flex-truncate g-mr-4",
|
|
116
|
+
title: data.tagName
|
|
117
|
+
}, _toDisplayString(data.tagName), 9 /* TEXT, PROPS */ , _hoisted_5),
|
|
118
|
+
_createElementVNode("span", _hoisted_6, _toDisplayString(data.count), 1 /* TEXT */ )
|
|
119
|
+
])
|
|
120
|
+
]),
|
|
121
|
+
_: 1 /* STABLE */
|
|
122
|
+
}, 8 /* PROPS */ , [
|
|
123
|
+
"opened-ids",
|
|
124
|
+
"api-prefix",
|
|
125
|
+
"space-id",
|
|
126
|
+
"selected-id",
|
|
127
|
+
"data"
|
|
128
|
+
])), [
|
|
129
|
+
[
|
|
130
|
+
_directive_bkloading,
|
|
131
|
+
{
|
|
132
|
+
loading: loadingTagsTree.value
|
|
133
|
+
}
|
|
134
|
+
]
|
|
135
|
+
])
|
|
136
|
+
]);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
|
|
2
|
+
.tag-tree[data-v-xq7fv0xv] {
|
|
3
|
+
font-size: 12px;
|
|
4
|
+
height: auto;
|
|
5
|
+
}
|
|
6
|
+
.tag-tree .manage-tree-item[data-v-xq7fv0xv] {
|
|
7
|
+
height: 32px;
|
|
8
|
+
flex: 1;
|
|
9
|
+
}
|
|
10
|
+
.tag-tree .quick-icon[data-v-xq7fv0xv] {
|
|
11
|
+
margin-left: -24px;
|
|
12
|
+
padding-left: 8px;
|
|
13
|
+
}
|
|
14
|
+
.tag-tree[data-v-xq7fv0xv] .tree-item:has(.quick-icon.ai-ui-sdk-wubiaoqian) {
|
|
15
|
+
border-bottom: 1px solid #F0F1F5;
|
|
16
|
+
}
|
|
17
|
+
.tag-tree[data-v-xq7fv0xv] .tree-item.active .quick-icon {
|
|
18
|
+
color: #3A84FF;
|
|
19
|
+
}
|
|
20
|
+
.tag-tree[data-v-xq7fv0xv] .tree-item.active .tag-number {
|
|
21
|
+
background: #A3C5FD;
|
|
22
|
+
color: #fff;
|
|
23
|
+
}
|
|
24
|
+
.tag-number[data-v-xq7fv0xv] {
|
|
25
|
+
line-height: 16px;
|
|
26
|
+
padding: 0 4px;
|
|
27
|
+
background-color: #F0F1F5;
|
|
28
|
+
color: #979BA5;
|
|
29
|
+
border-radius: 2px;
|
|
30
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { GroupType, Module } from '@/types/enum';
|
|
2
|
+
interface IProps {
|
|
3
|
+
module: Module;
|
|
4
|
+
subModule: Module;
|
|
5
|
+
tagName: string;
|
|
6
|
+
tagId: number;
|
|
7
|
+
groupType?: GroupType;
|
|
8
|
+
apiPrefix: string;
|
|
9
|
+
spaceId?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
12
|
+
"update:tag-id": (tagId: number) => any;
|
|
13
|
+
"update:tagName": (tagName: string) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
|
|
15
|
+
"onUpdate:tag-id"?: (tagId: number) => any;
|
|
16
|
+
"onUpdate:tagName"?: (tagName: string) => any;
|
|
17
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) {
|
|
3
|
+
return value instanceof P ? value : new P(function(resolve) {
|
|
4
|
+
resolve(value);
|
|
5
|
+
});
|
|
6
|
+
}
|
|
7
|
+
return new (P || (P = Promise))(function(resolve, reject) {
|
|
8
|
+
function fulfilled(value) {
|
|
9
|
+
try {
|
|
10
|
+
step(generator.next(value));
|
|
11
|
+
} catch (e) {
|
|
12
|
+
reject(e);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function rejected(value) {
|
|
16
|
+
try {
|
|
17
|
+
step(generator["throw"](value));
|
|
18
|
+
} catch (e) {
|
|
19
|
+
reject(e);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
function step(result) {
|
|
23
|
+
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
24
|
+
}
|
|
25
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
import { useSlots as _useSlots, defineComponent as _defineComponent, Fragment as _Fragment2, resolveComponent as _resolveComponent2, createVNode as _createVNode } from 'vue';
|
|
29
|
+
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, createCommentVNode as _createCommentVNode } from "vue";
|
|
30
|
+
const _hoisted_1 = {
|
|
31
|
+
class: "g-scrollbar"
|
|
32
|
+
};
|
|
33
|
+
import { RightShape } from 'bkui-vue/lib/icon';
|
|
34
|
+
import { toRef } from 'vue';
|
|
35
|
+
import { usePermission } from '../../hooks/use-permission.ts.js';
|
|
36
|
+
export default /*@__PURE__*/ _defineComponent({
|
|
37
|
+
props: {
|
|
38
|
+
data: {},
|
|
39
|
+
apiPrefix: {},
|
|
40
|
+
spaceId: {},
|
|
41
|
+
selectedId: {},
|
|
42
|
+
loadingIds: {},
|
|
43
|
+
openedIds: {},
|
|
44
|
+
keyName: {},
|
|
45
|
+
permissionActionIds: {},
|
|
46
|
+
chooseCheck: {
|
|
47
|
+
type: Function,
|
|
48
|
+
default: ()=>Promise.resolve(true)
|
|
49
|
+
},
|
|
50
|
+
isNodeHasChildren: {},
|
|
51
|
+
isNodeHasPermission: {
|
|
52
|
+
type: Function,
|
|
53
|
+
default: ()=>true
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
emits: [
|
|
57
|
+
"update:selectedId",
|
|
58
|
+
"update:loadingIds",
|
|
59
|
+
"update:openedIds",
|
|
60
|
+
"select",
|
|
61
|
+
"async-load"
|
|
62
|
+
],
|
|
63
|
+
setup (__props, { emit: __emit }) {
|
|
64
|
+
const props = __props;
|
|
65
|
+
const emits = __emit;
|
|
66
|
+
const slots = _useSlots();
|
|
67
|
+
const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
|
|
68
|
+
// 点击树组件
|
|
69
|
+
const handleClickTreeItem = (data)=>__awaiter(this, void 0, void 0, function*() {
|
|
70
|
+
const allowed = yield props.chooseCheck(data);
|
|
71
|
+
if (allowed) {
|
|
72
|
+
emits('select', data);
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
// 展开折叠树组件
|
|
76
|
+
const handleToggleTreeItem = (data)=>{
|
|
77
|
+
var _a;
|
|
78
|
+
// 异步加载
|
|
79
|
+
if (props.isNodeHasChildren(data) && ((_a = data.children) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
|
|
80
|
+
emits('async-load', data);
|
|
81
|
+
}
|
|
82
|
+
// 计算展开的id
|
|
83
|
+
let openedIds = [
|
|
84
|
+
...props.openedIds
|
|
85
|
+
];
|
|
86
|
+
const index = openedIds.indexOf(data[props.keyName]);
|
|
87
|
+
if (index > -1) {
|
|
88
|
+
openedIds = openedIds.filter((id)=>id !== data[props.keyName]);
|
|
89
|
+
} else {
|
|
90
|
+
openedIds.push(data[props.keyName]);
|
|
91
|
+
}
|
|
92
|
+
emits('update:openedIds', openedIds);
|
|
93
|
+
};
|
|
94
|
+
const isNodeOpen = (node)=>props.openedIds.includes(node[props.keyName]);
|
|
95
|
+
// 渲染树组件
|
|
96
|
+
const renderTreeItem = ({ data, level })=>{
|
|
97
|
+
var _a, _b, _c;
|
|
98
|
+
return _createVNode(_Fragment2, null, [
|
|
99
|
+
_createVNode("li", {
|
|
100
|
+
"class": {
|
|
101
|
+
'g-flex-row tree-item': true,
|
|
102
|
+
'g-disabled': !props.isNodeHasPermission(data),
|
|
103
|
+
active: props.selectedId === data[props.keyName]
|
|
104
|
+
},
|
|
105
|
+
"style": {
|
|
106
|
+
paddingLeft: `${level * 10 + 4}px`
|
|
107
|
+
},
|
|
108
|
+
"onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
|
|
109
|
+
"onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),
|
|
110
|
+
"onMouseleave": ()=>handleMouseLeave(),
|
|
111
|
+
"onClick": ()=>handleMouseClick(()=>handleClickTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id)
|
|
112
|
+
}, [
|
|
113
|
+
props.isNodeHasChildren(data) ? ((_a = props.loadingIds) === null || _a === void 0 ? void 0 : _a.includes(data[props.keyName])) ? _createVNode(_resolveComponent2("bk-loading"), {
|
|
114
|
+
"class": "shape-icon",
|
|
115
|
+
"mode": "spin",
|
|
116
|
+
"size": "mini"
|
|
117
|
+
}, null) : _createVNode(RightShape, {
|
|
118
|
+
"class": {
|
|
119
|
+
'shape-icon': true,
|
|
120
|
+
'icon-open': isNodeOpen(data)
|
|
121
|
+
},
|
|
122
|
+
"onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
|
|
123
|
+
"onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),
|
|
124
|
+
"onMouseleave": ()=>handleMouseLeave(),
|
|
125
|
+
"onClick": (event)=>{
|
|
126
|
+
event.stopPropagation();
|
|
127
|
+
handleMouseClick(()=>handleToggleTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id);
|
|
128
|
+
}
|
|
129
|
+
}, null) : _createVNode("span", {
|
|
130
|
+
"class": "shape-icon"
|
|
131
|
+
}, null),
|
|
132
|
+
(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots, data)
|
|
133
|
+
]),
|
|
134
|
+
isNodeOpen(data) ? (_c = data.children) === null || _c === void 0 ? void 0 : _c.map((child)=>renderTreeItem({
|
|
135
|
+
data: child,
|
|
136
|
+
level: level + 1
|
|
137
|
+
})) : null
|
|
138
|
+
]);
|
|
139
|
+
};
|
|
140
|
+
return (_ctx, _cache)=>{
|
|
141
|
+
const _component_bk_exception = _resolveComponent("bk-exception");
|
|
142
|
+
return _openBlock(), _createElementBlock("ul", _hoisted_1, [
|
|
143
|
+
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.data, (item)=>{
|
|
144
|
+
return _openBlock(), _createBlock(renderTreeItem, {
|
|
145
|
+
key: item[_ctx.keyName],
|
|
146
|
+
data: item,
|
|
147
|
+
level: 0
|
|
148
|
+
}, null, 8 /* PROPS */ , [
|
|
149
|
+
"data"
|
|
150
|
+
]);
|
|
151
|
+
}), 128 /* KEYED_FRAGMENT */ )),
|
|
152
|
+
props.data.length <= 0 ? (_openBlock(), _createBlock(_component_bk_exception, {
|
|
153
|
+
key: 0,
|
|
154
|
+
description: "暂无数据",
|
|
155
|
+
type: "empty",
|
|
156
|
+
scene: "part",
|
|
157
|
+
class: "g-exception"
|
|
158
|
+
})) : _createCommentVNode("v-if", true)
|
|
159
|
+
]);
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
|
|
2
|
+
.tree-item {
|
|
3
|
+
height: 32px;
|
|
4
|
+
padding: 0 6px;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
}
|
|
7
|
+
.tree-item .shape-icon {
|
|
8
|
+
color: #979BA5;
|
|
9
|
+
margin-right: 8px;
|
|
10
|
+
width: 12px;
|
|
11
|
+
}
|
|
12
|
+
.tree-item .shape-icon.icon-open {
|
|
13
|
+
transform: rotate(90deg);
|
|
14
|
+
}
|
|
15
|
+
.tree-item.active {
|
|
16
|
+
background: #E1ECFF;
|
|
17
|
+
color: #3A84FF;
|
|
18
|
+
}
|
|
19
|
+
.tree-item.active .shape-icon {
|
|
20
|
+
color: #3A84FF;
|
|
21
|
+
}
|
|
22
|
+
.tree-item:hover {
|
|
23
|
+
background: #F0F1F5;
|
|
24
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type VNode } from 'vue';
|
|
2
|
+
declare const __VLS_export: <T extends {
|
|
3
|
+
id?: number;
|
|
4
|
+
name?: string;
|
|
5
|
+
children?: T[];
|
|
6
|
+
}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
7
|
+
props: __VLS_PrettifyLocal<{
|
|
8
|
+
data: Array<T>;
|
|
9
|
+
apiPrefix: string;
|
|
10
|
+
spaceId?: string;
|
|
11
|
+
selectedId?: string | number;
|
|
12
|
+
loadingIds?: Array<string | number>;
|
|
13
|
+
openedIds?: Array<string | number>;
|
|
14
|
+
keyName: keyof T;
|
|
15
|
+
permissionActionIds?: Array<string | number>;
|
|
16
|
+
chooseCheck?: (data: T) => Promise<boolean>;
|
|
17
|
+
isNodeHasChildren?: (data: T) => boolean;
|
|
18
|
+
isNodeHasPermission?: (data: T) => boolean;
|
|
19
|
+
} & {
|
|
20
|
+
onSelect?: (node: T) => any;
|
|
21
|
+
"onUpdate:selectedId"?: (value: string | number) => any;
|
|
22
|
+
"onUpdate:loadingIds"?: (value: (string | number)[]) => any;
|
|
23
|
+
"onUpdate:openedIds"?: (value: (string | number)[]) => any;
|
|
24
|
+
"onAsync-load"?: (node: T) => any;
|
|
25
|
+
}> & import("vue").PublicProps;
|
|
26
|
+
expose: (exposed: {}) => void;
|
|
27
|
+
attrs: any;
|
|
28
|
+
slots: {
|
|
29
|
+
default: (data: T) => VNode;
|
|
30
|
+
};
|
|
31
|
+
emit: {
|
|
32
|
+
(event: "update:selectedId", value: string | number): void;
|
|
33
|
+
(event: "update:loadingIds" | "update:openedIds", value: (string | number)[]): void;
|
|
34
|
+
(event: "select" | "async-load", node: T): void;
|
|
35
|
+
};
|
|
36
|
+
}>) => import("vue").VNode & {
|
|
37
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
38
|
+
};
|
|
39
|
+
declare const _default: typeof __VLS_export;
|
|
40
|
+
export default _default;
|
|
41
|
+
type __VLS_PrettifyLocal<T> = {
|
|
42
|
+
[K in keyof T as K]: T[K];
|
|
43
|
+
} & {};
|
package/dist/components.d.ts
CHANGED
|
@@ -11,4 +11,6 @@ import RenderHeader from './components/render-header/index.vue';
|
|
|
11
11
|
import RenderLike from './components/render-like/index.vue';
|
|
12
12
|
import RenderMarkdown from './components/render-markdown/mark-down';
|
|
13
13
|
import RenderSearchSelect from './components/render-search-select/index.vue';
|
|
14
|
-
|
|
14
|
+
import RenderTagTree from './components/render-tag-tree/index.vue';
|
|
15
|
+
import RenderTree from './components/render-tree/index.vue';
|
|
16
|
+
export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree, };
|
package/dist/components.ts.js
CHANGED
|
@@ -12,4 +12,6 @@ import RenderHeader from './components/render-header/index.vue.js';
|
|
|
12
12
|
import RenderLike from './components/render-like/index.vue.js';
|
|
13
13
|
import RenderMarkdown from './components/render-markdown/mark-down.ts.js';
|
|
14
14
|
import RenderSearchSelect from './components/render-search-select/index.vue.js';
|
|
15
|
-
|
|
15
|
+
import RenderTagTree from './components/render-tag-tree/index.vue.js';
|
|
16
|
+
import RenderTree from './components/render-tree/index.vue.js';
|
|
17
|
+
export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree };
|
|
Binary file
|
|
@@ -152,6 +152,12 @@
|
|
|
152
152
|
<glyph glyph-name="uniE123" unicode="" d="M704 300C704 194 618 108 512 108S320 194 320 300 406 492 512 492 704 406 704 300ZM512 44C653.4 44 768 158.6 768 300 768 159.2 652.8 44 512 44ZM256 300C256 158.6 370.6 44 512 44 371.2 44 256 159.2 256 300ZM768 300C768 441.4 653.4 556 512 556 652.8 556 768 440.8 768 300ZM512 556C370.6 556 256 441.4 256 300 256 440.8 371.2 556 512 556ZM768 300C768 440.8 652.8 556 512 556S256 440.8 256 300 371.2 44 512 44 768 159.2 768 300ZM512 108C403.2 108 320 191.2 320 300S403.2 492 512 492 704 408.8 704 300 620.8 108 512 108Z" horiz-adv-x="1024" vert-adv-y="1024" />
|
|
153
153
|
|
|
154
154
|
|
|
155
|
+
<glyph glyph-name="uniE12C" unicode="" d="M864 664C899.3462 664 928 635.3462 928 600L928-20.9329C928-56.2791 899.3462-84.9329 864-84.9329L160-84.9329C124.6538-84.9329 96-56.2791 96-20.9329L96 600C96 635.3462 124.6538 664 160 664L864 664ZM428.2684 456L179.0671 456 179.0671 123.0671 262.1342 123.0671 262.1342 248 345.2013 248 345.2013 123.0671 428.2684 123.0671 428.2684 456ZM553.2013 456L470.1342 456 470.1342 123.0671 636.2684 123.0671 636.2684 164.9329 553.2013 164.9329 553.2013 456ZM761.2013 456L678.1342 456 678.1342 123.0671 844.2684 123.0671 844.2684 164.9329 761.2013 164.9329 761.2013 456ZM345.2013 393.6L345.2013 310.5329 262.1342 310.5329 262.1342 393.6 345.2013 393.6Z" horiz-adv-x="1024" vert-adv-y="1024" />
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
<glyph glyph-name="uniE12E" unicode="" d="M512 748C759.4 748 960 547.4 960 300 960 52.6 759.4-148 512-148 264.6-148 64 52.6 64 300 64 547.4 264.6 748 512 748ZM647.7645 481.0193L330.9807 164.2355C318.4839 151.7387 318.4839 131.4774 330.9807 118.9807 343.4774 106.4839 363.7387 106.4839 376.2355 118.9807L693.0193 435.7645C705.5161 448.2613 705.5161 468.5226 693.0193 481.0193 680.5226 493.5161 660.2613 493.5161 647.7645 481.0193Z" horiz-adv-x="1024" vert-adv-y="1024" />
|
|
159
|
+
|
|
160
|
+
|
|
155
161
|
|
|
156
162
|
</font>
|
|
157
163
|
</defs>
|
|
Binary file
|
|
Binary file
|