@blueking/ai-ui-sdk 0.5.1-beta.1 → 0.5.1-beta.2
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-agent/agent-search.script.vue.js.js +3 -3
- package/dist/components/render-agent/agent-type.vue.css +4 -4
- package/dist/components/render-agent/agent-type.vue.js +1 -1
- package/dist/components/render-auto-height-textarea/index.vue.css +11 -11
- 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.js +1 -1
- package/dist/components/render-card/agent/index.vue.d.ts +1 -1
- package/dist/components/render-card/agent/prefix-info-tool.vue.css +5 -5
- package/dist/components/render-card/agent/prefix-info-tool.vue.js +1 -1
- package/dist/components/render-card/agent/upgrade.vue.css +2 -2
- package/dist/components/render-card/agent/upgrade.vue.js +1 -1
- package/dist/components/render-card/base.script.vue.js +130 -152
- package/dist/components/render-card/base.vue.css +12 -12
- package/dist/components/render-card/base.vue.js +1 -1
- package/dist/components/render-card/knowledge/index.vue.d.ts +1 -1
- package/dist/components/render-card/knowledgebase/index.vue.d.ts +1 -1
- package/dist/components/render-card/llm/corner-badge.script.vue.js +27 -33
- package/dist/components/render-card/llm/corner-badge.vue.css +3 -3
- package/dist/components/render-card/llm/corner-badge.vue.js +1 -1
- package/dist/components/render-card/llm/icons.vue.css +2 -2
- package/dist/components/render-card/llm/icons.vue.js +1 -1
- package/dist/components/render-card/llm/index.vue.d.ts +1 -1
- package/dist/components/render-card/llm/info.vue.css +1 -1
- package/dist/components/render-card/llm/info.vue.js +1 -1
- package/dist/components/render-card/llm/tag-prefix.vue.css +2 -2
- package/dist/components/render-card/llm/tag-prefix.vue.js +1 -1
- package/dist/components/render-card/mcp/code-suffix.script.vue.js +34 -42
- package/dist/components/render-card/mcp/index.vue.d.ts +1 -1
- package/dist/components/render-card/mcp/name-suffix.script.vue.js +15 -23
- package/dist/components/render-card/mcp/name-suffix.vue.css +2 -2
- package/dist/components/render-card/mcp/name-suffix.vue.js +1 -1
- package/dist/components/render-card/mcp/selected-tools-info.vue.d.ts +1 -1
- package/dist/components/render-card/prompt/icons.vue.css +1 -1
- package/dist/components/render-card/prompt/icons.vue.js +1 -1
- package/dist/components/render-card/prompt/index.vue.d.ts +1 -1
- package/dist/components/render-card/role/index.vue.d.ts +1 -1
- package/dist/components/render-card/skill/prefix-info-tool.script.vue.js +41 -84
- package/dist/components/render-card/skill/scanner.vue.css +3 -3
- package/dist/components/render-card/skill/scanner.vue.js +1 -1
- package/dist/components/render-card/tool/index.vue.d.ts +1 -1
- package/dist/components/render-checkbox/index.vue.css +9 -9
- 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.js +1 -1
- package/dist/components/render-collapse/index.script.vue.js.js +1 -3
- package/dist/components/render-collapse/index.vue.css +2 -2
- package/dist/components/render-collapse/index.vue.js +1 -1
- package/dist/components/render-collection/content/index.script.vue.js +39 -43
- package/dist/components/render-collection/content/index.vue.css +4 -4
- package/dist/components/render-collection/content/index.vue.js +1 -1
- package/dist/components/render-dataset/components/batch-delete-dataset-data/index.script.vue.js +27 -37
- package/dist/components/render-dataset/components/batch-delete-dataset-data/index.vue.css +3 -3
- package/dist/components/render-dataset/components/batch-delete-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/dataset-data-level/index.script.vue.js +18 -22
- package/dist/components/render-dataset/components/dataset-data-tool-icons/index.script.vue.js +22 -26
- 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.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.js +1 -1
- package/dist/components/render-dataset/components/operation-record/table/index.script.vue.js +65 -102
- 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.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.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset/dataset-form.script.vue.js +119 -184
- package/dist/components/render-dataset/components/plus-dataset/index.vue.css +1 -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.js +1 -1
- 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.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.css +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.js +1 -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.js +1 -1
- package/dist/components/render-dataset/components/search-dataset/index.script.vue.js.js +2 -1
- package/dist/components/render-dataset/components/search-dataset/index.vue.d.ts +1 -0
- package/dist/components/render-dataset-detail-origin-data/components/table/index.script.vue.js +205 -356
- package/dist/components/render-dataset-detail-origin-data/index.vue.css +3 -3
- package/dist/components/render-dataset-detail-origin-data/index.vue.js +1 -1
- package/dist/components/render-dataset-list/components/main.script.vue.js.js +5 -2
- package/dist/components/render-dataset-list/components/main.vue.css +3 -3
- package/dist/components/render-dataset-list/components/main.vue.d.ts +1 -0
- package/dist/components/render-dataset-list/components/main.vue.js +1 -1
- package/dist/components/render-dataset-list/components/table.script.vue.js +163 -269
- package/dist/components/render-dataset-list/index.script.vue.js.js +7 -2
- package/dist/components/render-dataset-list/index.vue.css +2 -2
- package/dist/components/render-dataset-list/index.vue.d.ts +1 -0
- package/dist/components/render-dataset-list/index.vue.js +1 -1
- package/dist/components/render-dialog/choose-resource.script.vue.js +269 -390
- package/dist/components/render-dialog/choose-resource.vue.css +3 -3
- package/dist/components/render-dialog/choose-resource.vue.js +1 -1
- package/dist/components/render-dialog/choose-result.script.vue.js +149 -210
- package/dist/components/render-dialog/choose-result.vue.css +14 -14
- package/dist/components/render-dialog/choose-result.vue.js +1 -1
- package/dist/components/render-dialog/choose-space.vue.css +9 -9
- package/dist/components/render-dialog/choose-space.vue.js +1 -1
- package/dist/components/render-dialog/index.script.vue.js +113 -172
- package/dist/components/render-dialog/index.vue.css +6 -6
- package/dist/components/render-dialog/index.vue.js +1 -1
- package/dist/components/render-file-card/index.vue.css +11 -11
- package/dist/components/render-file-card/index.vue.d.ts +1 -1
- package/dist/components/render-file-card/index.vue.js +1 -1
- package/dist/components/render-file-type-icon/index.vue.css +6 -6
- package/dist/components/render-file-type-icon/index.vue.js +1 -1
- package/dist/components/render-generate-tag/index.vue.css +5 -5
- package/dist/components/render-generate-tag/index.vue.js +1 -1
- package/dist/components/render-knowledge/icon/index.vue.css +1 -1
- package/dist/components/render-knowledge/icon/index.vue.js +1 -1
- package/dist/components/render-permission-tag/index.script.vue.js +57 -70
- package/dist/components/render-prompt/content/index.vue.css +1 -1
- package/dist/components/render-prompt/content/index.vue.js +1 -1
- package/dist/components/render-reference/index.script.vue.js +204 -255
- package/dist/components/render-reference/index.vue.css +2 -2
- package/dist/components/render-reference/index.vue.js +1 -1
- package/dist/components/render-relate-agent/index.script.vue.js +343 -640
- package/dist/components/render-resource-info/index.script.vue.js +43 -47
- package/dist/components/render-resource-version/index.vue.css +2 -2
- package/dist/components/render-resource-version/index.vue.js +1 -1
- package/dist/components/render-router-tab/index.vue.css +3 -3
- package/dist/components/render-router-tab/index.vue.js +1 -1
- package/dist/components/render-search-empty/index.vue.d.ts +1 -1
- package/dist/components/render-search-select/index.script.vue.js.js +1 -1
- package/dist/components/render-search-select/index.vue.d.ts +1 -1
- package/dist/components/render-select-plus-extension/index.vue.css +3 -3
- package/dist/components/render-select-plus-extension/index.vue.js +1 -1
- package/dist/components/render-skill/variable-form/index.script.vue.js +47 -74
- package/dist/components/render-t-table/index.script.vue.js +143 -231
- package/dist/components/render-t-table/index.vue.css +32 -32
- package/dist/components/render-t-table/index.vue.d.ts +1 -1
- package/dist/components/render-t-table/index.vue.js +1 -1
- package/dist/components/render-tag-tree/index.vue.css +7 -7
- package/dist/components/render-tag-tree/index.vue.js +1 -1
- package/dist/components/render-tags/index.script.vue.js +64 -89
- package/dist/components/render-tags/index.vue.css +6 -6
- package/dist/components/render-tags/index.vue.js +1 -1
- package/dist/components/render-tree/index.script.vue.js +60 -115
- package/dist/components/render-tree/index.vue.d.ts +1 -1
- package/dist/hooks/use-display-name.ts.js +2 -0
- package/dist/hooks/use-member-http.d.ts +2 -1
- package/dist/hooks/use-member-http.ts.js +7 -5
- package/dist/hooks.d.ts +1 -1
- package/dist/hooks.ts.js +1 -1
- package/dist/http/fetch/success-interceptor.ts.js +5 -2
- package/dist/http/helper/agent.ts.js +2 -1
- package/dist/types/agent.d.ts +2 -0
- package/package.json +3 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
|
-
.t-t-pagination[data-v-
|
|
2
|
+
.t-t-pagination[data-v-132j3zbe] {
|
|
3
3
|
position: relative;
|
|
4
4
|
padding: 16px 16px 0 16px;
|
|
5
5
|
}
|
|
6
|
-
.t-t-pagination[data-v-
|
|
6
|
+
.t-t-pagination[data-v-132j3zbe] .bk-pagination-list.is-last {
|
|
7
7
|
margin-left: auto;
|
|
8
8
|
}
|
|
9
|
-
.pagination-loading[data-v-
|
|
9
|
+
.pagination-loading[data-v-132j3zbe]::after {
|
|
10
10
|
content: '';
|
|
11
11
|
position: absolute;
|
|
12
12
|
top: 0;
|
|
@@ -16,105 +16,105 @@
|
|
|
16
16
|
background-color: rgba(255, 255, 255, 0.6);
|
|
17
17
|
z-index: 72;
|
|
18
18
|
}
|
|
19
|
-
.pagination-border[data-v-
|
|
19
|
+
.pagination-border[data-v-132j3zbe] {
|
|
20
20
|
border-right: 1px solid #dcdee5;
|
|
21
21
|
border-left: 1px solid #dcdee5;
|
|
22
22
|
border-bottom: 1px solid #dcdee5;
|
|
23
23
|
padding-bottom: 16px;
|
|
24
24
|
}
|
|
25
|
-
.t-t-table[data-v-
|
|
25
|
+
.t-t-table[data-v-132j3zbe] {
|
|
26
26
|
display: inline;
|
|
27
27
|
font-size: 12px;
|
|
28
28
|
}
|
|
29
|
-
.t-t-table[data-v-
|
|
29
|
+
.t-t-table[data-v-132j3zbe] .t-table__header {
|
|
30
30
|
overflow: visible !important;
|
|
31
31
|
}
|
|
32
|
-
.t-t-table[data-v-
|
|
32
|
+
.t-t-table[data-v-132j3zbe] .t-table__th-cell-inner {
|
|
33
33
|
color: #313238;
|
|
34
34
|
}
|
|
35
|
-
.t-t-table[data-v-
|
|
35
|
+
.t-t-table[data-v-132j3zbe] th {
|
|
36
36
|
padding: 0 16px;
|
|
37
37
|
height: 42px;
|
|
38
38
|
background-color: #FAFBFD !important;
|
|
39
39
|
}
|
|
40
|
-
.t-t-table[data-v-
|
|
40
|
+
.t-t-table[data-v-132j3zbe] .t-table__header th:hover {
|
|
41
41
|
background-color: #f0f1f5 !important;
|
|
42
42
|
}
|
|
43
|
-
.t-t-table[data-v-
|
|
43
|
+
.t-t-table[data-v-132j3zbe] thead.t-table__header:hover th:not(:last-child) {
|
|
44
44
|
border-right-color: transparent !important;
|
|
45
45
|
}
|
|
46
|
-
.t-t-table[data-v-
|
|
46
|
+
.t-t-table[data-v-132j3zbe] thead.t-table__header:hover th {
|
|
47
47
|
border-top-color: transparent !important;
|
|
48
48
|
}
|
|
49
|
-
.t-t-table[data-v-
|
|
49
|
+
.t-t-table[data-v-132j3zbe] .t-table__body tr {
|
|
50
50
|
color: #63656e;
|
|
51
51
|
font-size: 12px;
|
|
52
52
|
}
|
|
53
|
-
.t-t-table[data-v-
|
|
53
|
+
.t-t-table[data-v-132j3zbe] .t-table__body tr td {
|
|
54
54
|
padding: 0 16px;
|
|
55
55
|
height: 40px;
|
|
56
56
|
}
|
|
57
|
-
.t-t-table[data-v-
|
|
57
|
+
.t-t-table[data-v-132j3zbe] .t-table__body tr:hover td {
|
|
58
58
|
background-color: #f5f7fa !important;
|
|
59
59
|
color: #63656E;
|
|
60
60
|
}
|
|
61
|
-
.t-t-table[data-v-
|
|
61
|
+
.t-t-table[data-v-132j3zbe] .t-table__content .t-table__body .t-table__empty-row {
|
|
62
62
|
background-color: #fff !important;
|
|
63
63
|
}
|
|
64
|
-
.t-t-table[data-v-
|
|
64
|
+
.t-t-table[data-v-132j3zbe] .t-table__content .t-table__body .t-table__empty-row >td {
|
|
65
65
|
border: none;
|
|
66
66
|
}
|
|
67
|
-
.t-t-table[data-v-
|
|
67
|
+
.t-t-table[data-v-132j3zbe] th .t-table__ellipsis {
|
|
68
68
|
width: auto !important;
|
|
69
69
|
}
|
|
70
|
-
.t-t-table[data-v-
|
|
70
|
+
.t-t-table[data-v-132j3zbe] .t-loading__gradient.t-icon-loading {
|
|
71
71
|
display: none;
|
|
72
72
|
}
|
|
73
|
-
.t-t-table.t-table__content--scrollable-to-right[data-v-
|
|
74
|
-
.t-t-table.t-table__content--scrollable-to-right[data-v-
|
|
73
|
+
.t-t-table.t-table__content--scrollable-to-right[data-v-132j3zbe] th.t-table__cell--fixed-right-first::after,
|
|
74
|
+
.t-t-table.t-table__content--scrollable-to-right[data-v-132j3zbe] td.t-table__cell--fixed-right-first::after {
|
|
75
75
|
border-left: 2px solid #dcdee5;
|
|
76
76
|
}
|
|
77
|
-
.t-t-table[data-v-
|
|
77
|
+
.t-t-table[data-v-132j3zbe] .t-table__affixed-header-elm-wrap>div {
|
|
78
78
|
width: 100% !important;
|
|
79
79
|
scrollbar-width: none;
|
|
80
80
|
}
|
|
81
|
-
.t-t-table[data-v-
|
|
81
|
+
.t-t-table[data-v-132j3zbe] .t-table--layout-fixed{
|
|
82
82
|
width: 100% !important;
|
|
83
83
|
}
|
|
84
|
-
.t-t-table[data-v-
|
|
84
|
+
.t-t-table[data-v-132j3zbe] .bk-exception-description{
|
|
85
85
|
margin-bottom: 0;
|
|
86
86
|
}
|
|
87
|
-
.t-t-table[data-v-
|
|
87
|
+
.t-t-table[data-v-132j3zbe] .t-table__content{
|
|
88
88
|
z-index: 2;
|
|
89
89
|
max-height: 100%;
|
|
90
90
|
overflow: auto;
|
|
91
91
|
}
|
|
92
|
-
.t-t-table[data-v-
|
|
92
|
+
.t-t-table[data-v-132j3zbe] .t-table__content::-webkit-scrollbar {
|
|
93
93
|
width: 6px;
|
|
94
94
|
height: 6px;
|
|
95
95
|
}
|
|
96
|
-
.t-t-table[data-v-
|
|
96
|
+
.t-t-table[data-v-132j3zbe] .t-table__content::-webkit-scrollbar-thumb {
|
|
97
97
|
width: 6px;
|
|
98
98
|
height: 6px;
|
|
99
99
|
border-radius: 3px;
|
|
100
100
|
background-color: #dcdee5;
|
|
101
101
|
}
|
|
102
|
-
.t-t-table[data-v-
|
|
102
|
+
.t-t-table[data-v-132j3zbe] .t-table__content::-webkit-scrollbar-thumb:hover {
|
|
103
103
|
background-color: #979ba5;
|
|
104
104
|
}
|
|
105
|
-
.t-t-table[data-v-
|
|
105
|
+
.t-t-table[data-v-132j3zbe] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
|
|
106
106
|
line-height: 100%;
|
|
107
107
|
}
|
|
108
|
-
.t-t-table[data-v-
|
|
108
|
+
.t-t-table[data-v-132j3zbe] .t-table__cell--sort-trigger.t-table__double-icons{
|
|
109
109
|
gap: 5px;
|
|
110
110
|
}
|
|
111
|
-
.t-t-table[data-v-
|
|
111
|
+
.t-t-table[data-v-132j3zbe] .t-table__sort-icon--active>i{
|
|
112
112
|
color: #3a84ff !important;
|
|
113
113
|
}
|
|
114
|
-
.t-t-table[data-v-
|
|
114
|
+
.t-t-table[data-v-132j3zbe] .t-table__cell--fixed-left:has(.checkbox){
|
|
115
115
|
line-height: 100%;
|
|
116
116
|
}
|
|
117
|
-
.t-t-table[data-v-
|
|
117
|
+
.t-t-table[data-v-132j3zbe] .t-table__filter-icon.t-is-focus>span{
|
|
118
118
|
color: #3a84ff !important;
|
|
119
119
|
}
|
|
120
120
|
|
|
@@ -52,7 +52,7 @@ declare const __VLS_export: <T, S>(__VLS_props: NonNullable<Awaited<typeof __VLS
|
|
|
52
52
|
(event: "update:search", search: S): void;
|
|
53
53
|
};
|
|
54
54
|
}>) => import("vue").VNode & {
|
|
55
|
-
__ctx?: Awaited<typeof __VLS_setup
|
|
55
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
56
56
|
};
|
|
57
57
|
declare const _default: typeof __VLS_export;
|
|
58
58
|
export default _default;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
|
|
2
|
-
.tag-tree[data-v-
|
|
2
|
+
.tag-tree[data-v-kk2dqaym] {
|
|
3
3
|
font-size: 12px;
|
|
4
4
|
height: auto;
|
|
5
5
|
max-height: calc(100% - 44px);
|
|
6
6
|
}
|
|
7
|
-
.tag-tree .manage-tree-item[data-v-
|
|
7
|
+
.tag-tree .manage-tree-item[data-v-kk2dqaym] {
|
|
8
8
|
height: 32px;
|
|
9
9
|
flex: 1;
|
|
10
10
|
}
|
|
11
|
-
.tag-tree .quick-icon[data-v-
|
|
11
|
+
.tag-tree .quick-icon[data-v-kk2dqaym] {
|
|
12
12
|
margin-left: -24px;
|
|
13
13
|
padding-left: 8px;
|
|
14
14
|
}
|
|
15
|
-
.tag-tree[data-v-
|
|
15
|
+
.tag-tree[data-v-kk2dqaym] .tree-item:has(.bottom-line) {
|
|
16
16
|
border-bottom: 1px solid #F0F1F5;
|
|
17
17
|
}
|
|
18
|
-
.tag-tree[data-v-
|
|
18
|
+
.tag-tree[data-v-kk2dqaym] .tree-item.active .quick-icon {
|
|
19
19
|
color: #3A84FF;
|
|
20
20
|
}
|
|
21
|
-
.tag-tree[data-v-
|
|
21
|
+
.tag-tree[data-v-kk2dqaym] .tree-item.active .tag-number {
|
|
22
22
|
background: #A3C5FD;
|
|
23
23
|
color: #fff;
|
|
24
24
|
}
|
|
25
|
-
.tag-number[data-v-
|
|
25
|
+
.tag-number[data-v-kk2dqaym] {
|
|
26
26
|
line-height: 16px;
|
|
27
27
|
padding: 0 4px;
|
|
28
28
|
background-color: #F0F1F5;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
require('../../../node_modules/regenerator-runtime/runtime.js');
|
|
7
|
-
require('../../../node_modules/core-js/modules/es.array.join.js');
|
|
8
|
-
require('../../../node_modules/core-js/modules/es.object.to-string.js');
|
|
9
|
-
require('../../../node_modules/core-js/modules/es.promise.js');
|
|
10
|
-
require('../../../node_modules/core-js/modules/web.dom-collections.for-each.js');
|
|
11
|
-
var _vue = require("vue");
|
|
12
|
-
var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
|
|
1
|
+
var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
|
|
13
2
|
function adopt(value) {
|
|
14
3
|
return value instanceof P ? value : new P(function(resolve) {
|
|
15
4
|
resolve(value);
|
|
@@ -36,14 +25,17 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
|
|
|
36
25
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
37
26
|
});
|
|
38
27
|
};
|
|
39
|
-
|
|
28
|
+
import { defineComponent as _defineComponent } from 'vue';
|
|
29
|
+
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
|
|
30
|
+
const _hoisted_1 = {
|
|
40
31
|
class: "g-flex-main-text"
|
|
41
32
|
};
|
|
42
|
-
|
|
33
|
+
const _hoisted_2 = [
|
|
43
34
|
"is-show"
|
|
44
35
|
];
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
import { nextTick, ref, watch } from 'vue';
|
|
37
|
+
const gap = 4;
|
|
38
|
+
export default /*@__PURE__*/ _defineComponent({
|
|
47
39
|
props: {
|
|
48
40
|
tagNames: {},
|
|
49
41
|
height: {
|
|
@@ -56,103 +48,86 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
|
|
|
56
48
|
default: 4
|
|
57
49
|
}
|
|
58
50
|
},
|
|
59
|
-
setup
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
case 1:
|
|
89
|
-
case "end":
|
|
90
|
-
return _context.stop();
|
|
91
|
-
}
|
|
92
|
-
}, _callee);
|
|
93
|
-
}));
|
|
94
|
-
};
|
|
95
|
-
(0, _vue.watch)(function() {
|
|
96
|
-
return props.tagNames;
|
|
97
|
-
}, function() {
|
|
98
|
-
(0, _vue.nextTick)(calculateTags);
|
|
51
|
+
setup (__props) {
|
|
52
|
+
const props = __props;
|
|
53
|
+
const overflowTags = ref([]);
|
|
54
|
+
const container = ref(null);
|
|
55
|
+
const calculateTags = ()=>__awaiter(this, void 0, void 0, function*() {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
if (container.value) {
|
|
58
|
+
let currentWidth = 0;
|
|
59
|
+
const containerWidth = container.value.offsetWidth;
|
|
60
|
+
overflowTags.value = [];
|
|
61
|
+
const allTags = (_a = container.value) === null || _a === void 0 ? void 0 : _a.children;
|
|
62
|
+
(_b = props.tagNames) === null || _b === void 0 ? void 0 : _b.forEach((tag, index)=>{
|
|
63
|
+
const tagEl = allTags[index];
|
|
64
|
+
if (!tagEl) return;
|
|
65
|
+
const tagWidth = tagEl.offsetWidth;
|
|
66
|
+
if (currentWidth + tagWidth + gap <= containerWidth && tagWidth) {
|
|
67
|
+
currentWidth += tagWidth + gap;
|
|
68
|
+
tagEl.setAttribute('is-show', true);
|
|
69
|
+
} else {
|
|
70
|
+
overflowTags.value.push(tag);
|
|
71
|
+
tagEl.setAttribute('is-show', false);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
watch(()=>props.tagNames, ()=>{
|
|
77
|
+
nextTick(calculateTags);
|
|
99
78
|
}, {
|
|
100
79
|
deep: true,
|
|
101
80
|
immediate: true
|
|
102
81
|
});
|
|
103
|
-
return
|
|
104
|
-
|
|
105
|
-
return (
|
|
106
|
-
(
|
|
82
|
+
return (_ctx, _cache)=>{
|
|
83
|
+
const _component_bk_popover = _resolveComponent("bk-popover");
|
|
84
|
+
return _openBlock(), _createElementBlock("div", _hoisted_1, [
|
|
85
|
+
_createElementVNode("div", {
|
|
107
86
|
ref_key: "container",
|
|
108
87
|
ref: container,
|
|
109
88
|
class: "tag-container g-flex-row"
|
|
110
89
|
}, [
|
|
111
|
-
((
|
|
112
|
-
return (
|
|
90
|
+
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.tagNames, (tag, idx)=>{
|
|
91
|
+
return _openBlock(), _createElementBlock("span", {
|
|
113
92
|
class: "g-text-10 g-text-center g-leading-16 tag-home",
|
|
114
93
|
key: tag + '-' + idx
|
|
115
94
|
}, [
|
|
116
|
-
(
|
|
117
|
-
style: (
|
|
118
|
-
height:
|
|
119
|
-
lineHeight:
|
|
120
|
-
fontSize:
|
|
121
|
-
padding:
|
|
95
|
+
_createElementVNode("span", {
|
|
96
|
+
style: _normalizeStyle({
|
|
97
|
+
height: `${__props.height}px`,
|
|
98
|
+
lineHeight: `${__props.height}px`,
|
|
99
|
+
fontSize: `${__props.fontSize}px`,
|
|
100
|
+
padding: `0 ${__props.padding}px`
|
|
122
101
|
}),
|
|
123
102
|
class: "tag-list !g-inline-block g-text-left g-text-normal"
|
|
124
|
-
}, (
|
|
103
|
+
}, _toDisplayString(tag.join('/')), 5 /* TEXT, STYLE */ )
|
|
125
104
|
]);
|
|
126
105
|
}), 128 /* KEYED_FRAGMENT */ )),
|
|
127
|
-
(
|
|
106
|
+
_createVNode(_component_bk_popover, {
|
|
128
107
|
disabled: !overflowTags.value.length,
|
|
129
108
|
"ext-cls": "popover-main"
|
|
130
109
|
}, {
|
|
131
|
-
content: (
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
|
|
110
|
+
content: _withCtx(()=>[
|
|
111
|
+
_createElementVNode("ul", null, [
|
|
112
|
+
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(overflowTags.value, (tag, idx)=>{
|
|
113
|
+
return _openBlock(), _createElementBlock("li", {
|
|
136
114
|
key: tag + '-' + idx
|
|
137
|
-
}, (
|
|
115
|
+
}, _toDisplayString(tag.join('/')), 1 /* TEXT */ );
|
|
138
116
|
}), 128 /* KEYED_FRAGMENT */ ))
|
|
139
117
|
])
|
|
140
|
-
]
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
return [
|
|
144
|
-
(0, _vue.createElementVNode)("span", {
|
|
118
|
+
]),
|
|
119
|
+
default: _withCtx(()=>[
|
|
120
|
+
_createElementVNode("span", {
|
|
145
121
|
"is-show": !!overflowTags.value.length,
|
|
146
|
-
style: (
|
|
147
|
-
height:
|
|
148
|
-
lineHeight:
|
|
149
|
-
fontSize:
|
|
150
|
-
padding:
|
|
122
|
+
style: _normalizeStyle({
|
|
123
|
+
height: `${__props.height}px`,
|
|
124
|
+
lineHeight: `${__props.height}px`,
|
|
125
|
+
fontSize: `${__props.fontSize}px`,
|
|
126
|
+
padding: `0 ${__props.padding}px`
|
|
151
127
|
}),
|
|
152
128
|
class: "tag-home g-leading-22 !g-cursor-pointer g-text-normal g-number-font tag-list"
|
|
153
|
-
}, " +" + (
|
|
154
|
-
]
|
|
155
|
-
}),
|
|
129
|
+
}, " +" + _toDisplayString(overflowTags.value.length), 13 /* TEXT, STYLE, PROPS */ , _hoisted_2)
|
|
130
|
+
]),
|
|
156
131
|
_: 1 /* STABLE */
|
|
157
132
|
}, 8 /* PROPS */ , [
|
|
158
133
|
"disabled"
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
|
|
2
|
-
.tag-container[data-v-
|
|
2
|
+
.tag-container[data-v-xnvcx2de] {
|
|
3
3
|
visibility: hidden;
|
|
4
4
|
white-space: nowrap;
|
|
5
5
|
column-gap: 4px;
|
|
6
6
|
width: calc(100% - 20px);
|
|
7
7
|
}
|
|
8
|
-
.tag-home[data-v-
|
|
8
|
+
.tag-home[data-v-xnvcx2de] {
|
|
9
9
|
vertical-align: sub;
|
|
10
10
|
flex-shrink: 0;
|
|
11
11
|
}
|
|
12
|
-
[is-show="true"][data-v-
|
|
12
|
+
[is-show="true"][data-v-xnvcx2de] {
|
|
13
13
|
visibility: visible;
|
|
14
14
|
}
|
|
15
|
-
[is-show="false"][data-v-
|
|
15
|
+
[is-show="false"][data-v-xnvcx2de] {
|
|
16
16
|
display: none !important;
|
|
17
17
|
}
|
|
18
|
-
.popover-main[data-v-
|
|
18
|
+
.popover-main[data-v-xnvcx2de] {
|
|
19
19
|
padding: 8px 8px 10px;
|
|
20
20
|
}
|
|
21
|
-
.tag-list[data-v-
|
|
21
|
+
.tag-list[data-v-xnvcx2de] {
|
|
22
22
|
border-radius: 2px;
|
|
23
23
|
background: #F0F1F5;
|
|
24
24
|
}
|