@blueking/ai-ui-sdk 0.1.18-beta.9 → 0.1.19-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.
Files changed (80) hide show
  1. package/dist/components/render-aside/index.vue.css +9 -9
  2. package/dist/components/render-aside/index.vue.js +1 -1
  3. package/dist/components/render-auto-height-textarea/index.script.vue.js.js +3 -3
  4. package/dist/components/render-auto-height-textarea/index.vue.css +11 -11
  5. package/dist/components/render-auto-height-textarea/index.vue.js +1 -1
  6. package/dist/components/render-auto-refresh/index.vue.css +8 -8
  7. package/dist/components/render-auto-refresh/index.vue.js +1 -1
  8. package/dist/components/render-checkbox/index.vue.css +9 -9
  9. package/dist/components/render-checkbox/index.vue.js +1 -1
  10. package/dist/components/render-choose-tag/index.vue.css +7 -7
  11. package/dist/components/render-choose-tag/index.vue.js +1 -1
  12. package/dist/components/render-collapse/index.vue.css +2 -2
  13. package/dist/components/render-collapse/index.vue.js +1 -1
  14. package/dist/components/render-dataset/components/batch-review-dataset-data/index.script.vue.js.js +4 -2
  15. package/dist/components/render-dataset/components/dataset-data-tool-icons/index.script.vue.js +1 -1
  16. package/dist/components/render-dataset/components/edit-dataset-data/index.vue.css +3 -3
  17. package/dist/components/render-dataset/components/edit-dataset-data/index.vue.js +1 -1
  18. package/dist/components/render-dataset/components/operation-record/index.vue.css +4 -4
  19. package/dist/components/render-dataset/components/operation-record/index.vue.js +1 -1
  20. package/dist/components/render-dataset/components/operation-record/table/index.vue.css +1 -1
  21. package/dist/components/render-dataset/components/operation-record/table/index.vue.js +1 -1
  22. package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.css +2 -2
  23. package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.js +1 -1
  24. package/dist/components/render-dataset/components/plus-dataset/index.vue.css +2 -2
  25. package/dist/components/render-dataset/components/plus-dataset/index.vue.js +1 -1
  26. package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.css +2 -2
  27. package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.js +1 -1
  28. package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.css +1 -1
  29. package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.js +1 -1
  30. package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.css +2 -2
  31. package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.js +1 -1
  32. package/dist/components/render-dataset/components/review-dataset-data/index.vue.css +10 -10
  33. package/dist/components/render-dataset/components/review-dataset-data/index.vue.js +1 -1
  34. package/dist/components/render-dataset/components/search-dataset/index.script.vue.js.js +62 -16
  35. package/dist/components/render-dataset/index.vue.css +1 -1
  36. package/dist/components/render-dataset/index.vue.js +1 -1
  37. package/dist/components/render-dataset-detail/components/header.script.vue.js.js +1 -3
  38. package/dist/components/render-dataset-detail-origin-data/index.vue.css +3 -3
  39. package/dist/components/render-dataset-detail-origin-data/index.vue.js +1 -1
  40. package/dist/components/render-dataset-list/components/header.script.vue.js.js +1 -3
  41. package/dist/components/render-dataset-list/components/main.vue.css +3 -3
  42. package/dist/components/render-dataset-list/components/main.vue.js +1 -1
  43. package/dist/components/render-expand-collapse/index.vue.css +3 -3
  44. package/dist/components/render-expand-collapse/index.vue.js +1 -1
  45. package/dist/components/render-file-card/index.vue.css +11 -11
  46. package/dist/components/render-file-card/index.vue.js +1 -1
  47. package/dist/components/render-file-type-icon/index.vue.css +5 -5
  48. package/dist/components/render-file-type-icon/index.vue.js +1 -1
  49. package/dist/components/render-header/index.script.vue.js.js +27 -55
  50. package/dist/components/render-header/index.vue.css +6 -27
  51. package/dist/components/render-header/index.vue.d.ts +16 -48
  52. package/dist/components/render-header/index.vue.js +1 -1
  53. package/dist/components/render-like/index.script.vue.js.js +75 -59
  54. package/dist/components/render-like/index.vue.css +5 -5
  55. package/dist/components/render-like/index.vue.d.ts +5 -4
  56. package/dist/components/render-like/index.vue.js +1 -1
  57. package/dist/components/render-router-tab/index.vue.css +3 -3
  58. package/dist/components/render-router-tab/index.vue.js +1 -1
  59. package/dist/css/tailwind.css +4 -0
  60. package/dist/hooks/use-chat.d.ts +12 -0
  61. package/dist/hooks/use-click-proxy.d.ts +1 -1
  62. package/dist/hooks/use-click-proxy.ts.js +6 -2
  63. package/dist/hooks/use-session-http.d.ts +8 -2
  64. package/dist/hooks/use-session-http.ts.js +2 -2
  65. package/dist/hooks/use-think.ts.js +1 -0
  66. package/dist/http/helper/dataset.d.ts +1 -0
  67. package/dist/http/helper/dataset.ts.js +4 -2
  68. package/dist/http/helper/knowledge.ts.js +2 -0
  69. package/dist/http/helper/model.ts.js +17 -2
  70. package/dist/http/helper/session.ts.js +6 -0
  71. package/dist/http/helper/tool.ts.js +2 -0
  72. package/dist/types/agent.d.ts +1 -0
  73. package/dist/types/dataset.d.ts +4 -0
  74. package/dist/types/enum.d.ts +7 -0
  75. package/dist/types/enum.ts.js +8 -0
  76. package/dist/types/knowledge.d.ts +4 -0
  77. package/dist/types/model.d.ts +32 -2
  78. package/dist/types/session.d.ts +2 -0
  79. package/dist/types/tool.d.ts +4 -0
  80. package/package.json +6 -8
@@ -33,6 +33,7 @@ import { ref, toRef } from 'vue';
33
33
  import { isMatchSearch } from '../../../../common/util.ts.js';
34
34
  import RenderSearchSelect from '../../../render-search-select/index.vue.js';
35
35
  import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
36
+ import { DatasetDataSourceType, EnumCharacter } from '../../../../types/enum.ts.js';
36
37
  export default /*@__PURE__*/ _defineComponent({
37
38
  props: {
38
39
  modelValue: {},
@@ -52,11 +53,11 @@ export default /*@__PURE__*/ _defineComponent({
52
53
  const data = ref([
53
54
  {
54
55
  id: 'datasetName',
55
- name: '名称'
56
+ name: '中文名称'
56
57
  },
57
58
  {
58
59
  id: 'datasetCode',
59
- name: '英文名'
60
+ name: '英文名称'
60
61
  },
61
62
  {
62
63
  id: 'type',
@@ -65,23 +66,68 @@ export default /*@__PURE__*/ _defineComponent({
65
66
  async: true,
66
67
  children: []
67
68
  },
68
- props.isInternal ? {
69
- id: 'tagName',
70
- name: '标签'
71
- } : {
72
- id: 'componentIds',
73
- name: '组件',
74
- multiple: true,
75
- async: true,
76
- children: []
77
- },
78
69
  {
79
- id: 'createdBy',
80
- name: '创建人'
70
+ id: 'sourceType',
71
+ name: '创建方式',
72
+ multiple: true,
73
+ children: [
74
+ {
75
+ id: DatasetDataSourceType.UploadFile,
76
+ name: '文件上传'
77
+ },
78
+ {
79
+ id: DatasetDataSourceType.ApiReport,
80
+ name: 'API上报'
81
+ },
82
+ {
83
+ id: DatasetDataSourceType.KnowledgebaseImport,
84
+ name: '知识库导入'
85
+ },
86
+ {
87
+ id: DatasetDataSourceType.ManualImport,
88
+ name: '手动录入'
89
+ }
90
+ ]
81
91
  },
82
92
  {
83
93
  id: 'description',
84
94
  name: '描述'
95
+ },
96
+ ...!props.isInternal ? [
97
+ {
98
+ id: 'componentIds',
99
+ name: '组件',
100
+ multiple: true,
101
+ async: true,
102
+ children: []
103
+ }
104
+ ] : [],
105
+ {
106
+ id: 'updatedBy',
107
+ name: '更新人'
108
+ },
109
+ {
110
+ id: 'generateType',
111
+ name: '公开范围',
112
+ multiple: true,
113
+ children: [
114
+ {
115
+ id: EnumCharacter.All,
116
+ name: '全部'
117
+ },
118
+ {
119
+ id: EnumCharacter.Space,
120
+ name: '当前空间'
121
+ },
122
+ {
123
+ id: EnumCharacter.User,
124
+ name: '用户'
125
+ },
126
+ {
127
+ id: EnumCharacter.Public,
128
+ name: '公开'
129
+ }
130
+ ]
85
131
  }
86
132
  ]);
87
133
  const handleUpdate = (modelValue)=>{
@@ -90,7 +136,7 @@ export default /*@__PURE__*/ _defineComponent({
90
136
  const handleGetMenuList = function() {
91
137
  var _ref = _async_to_generator(function*(data, search) {
92
138
  if (!data.async) {
93
- return [];
139
+ return (data.children || []).filter((item)=>isMatchSearch(item.name, search));
94
140
  }
95
141
  if (data.id === 'componentIds') {
96
142
  return handleGetComponentList(search);
@@ -128,7 +174,7 @@ export default /*@__PURE__*/ _defineComponent({
128
174
  };
129
175
  return (_ctx, _cache)=>{
130
176
  return _openBlock(), _createBlock(RenderSearchSelect, {
131
- placeholder: "按关键字搜索",
177
+ placeholder: "搜索中英文名称、类型、创建方式、描述、更新人、公开范围",
132
178
  data: data.value,
133
179
  "model-value": _ctx.modelValue,
134
180
  "get-menu-list": handleGetMenuList,
@@ -1,5 +1,5 @@
1
1
 
2
- .dataset-main[data-v-ezckbdfq] {
2
+ .dataset-main[data-v-0j0wnh3w] {
3
3
  flex: 1;
4
4
  width: calc(100vw - 300px);
5
5
  height: 100%;
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-ezckbdfq";
2
+ script.__scopeId = "data-v-0j0wnh3w";
3
3
  script.__file = "./src/components/render-dataset/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -59,9 +59,7 @@ export default /*@__PURE__*/ _defineComponent({
59
59
  });
60
60
  return (_ctx, _cache)=>{
61
61
  const _component_bk_loading = _resolveComponent("bk-loading");
62
- return _openBlock(), _createBlock(RenderHeader, {
63
- "show-search": false
64
- }, {
62
+ return _openBlock(), _createBlock(RenderHeader, null, {
65
63
  title: _withCtx(()=>[
66
64
  _createElementVNode("section", _hoisted_1, [
67
65
  _createElementVNode("i", {
@@ -1,15 +1,15 @@
1
1
 
2
- .origin-data-content[data-v-g5rgs869] {
2
+ .origin-data-content[data-v-7nok4a5b] {
3
3
  padding: 24px;
4
4
  height: calc(100% - 52px - 44px);
5
5
  }
6
- .origin-data-panel[data-v-g5rgs869] {
6
+ .origin-data-panel[data-v-7nok4a5b] {
7
7
  height: 100%;
8
8
  padding: 20px;
9
9
  background: #ffffff;
10
10
  box-shadow: 0 2px 4px 0 #1919290d;
11
11
  border-radius: 2px;
12
12
  }
13
- .origin-data-panel .toolbar-search[data-v-g5rgs869] {
13
+ .origin-data-panel .toolbar-search[data-v-7nok4a5b] {
14
14
  width: 6.17rem;
15
15
  }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-g5rgs869";
2
+ script.__scopeId = "data-v-7nok4a5b";
3
3
  script.__file = "./src/components/render-dataset-detail-origin-data/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -4,9 +4,7 @@ import RenderHeader from '../../render-header/index.vue.js';
4
4
  export default /*@__PURE__*/ _defineComponent({
5
5
  setup (__props) {
6
6
  return (_ctx, _cache)=>{
7
- return _openBlock(), _createBlock(RenderHeader, {
8
- "show-search": false
9
- }, {
7
+ return _openBlock(), _createBlock(RenderHeader, null, {
10
8
  title: _withCtx(()=>_cache[0] || (_cache[0] = [
11
9
  _createElementVNode("span", {
12
10
  class: "g-flex-row g-height-full g-ml-24"
@@ -1,15 +1,15 @@
1
1
 
2
- .main-content[data-v-0kcgibf4] {
2
+ .main-content[data-v-am4x115v] {
3
3
  padding: 20px 24px;
4
4
  height: calc(100% - 52px);
5
5
  }
6
- .main-panel[data-v-0kcgibf4] {
6
+ .main-panel[data-v-am4x115v] {
7
7
  height: 100%;
8
8
  padding: 20px 24px 0;
9
9
  background: #ffffff;
10
10
  box-shadow: 0 2px 4px 0 #1919290d;
11
11
  border-radius: 2px;
12
12
  }
13
- .main-search[data-v-0kcgibf4] {
13
+ .main-search[data-v-am4x115v] {
14
14
  width: 6.17rem;
15
15
  }
@@ -1,5 +1,5 @@
1
1
  import script from './main.script.vue.js.js';
2
- script.__scopeId = "data-v-0kcgibf4";
2
+ script.__scopeId = "data-v-am4x115v";
3
3
  script.__file = "./src/components/render-dataset-list/components/main.vue";
4
4
  import './main.vue.css';
5
5
  export default script;
@@ -1,5 +1,5 @@
1
1
 
2
- .expend-collapse-home[data-v-ht5kyfg3] {
2
+ .expend-collapse-home[data-v-hzdu5cn9] {
3
3
  width: 16px;
4
4
  height: 64px;
5
5
  background: #DCDEE5;
@@ -15,9 +15,9 @@
15
15
  cursor: pointer;
16
16
  z-index: 1550;
17
17
  }
18
- .expend-collapse-home[data-v-ht5kyfg3]:hover {
18
+ .expend-collapse-home[data-v-hzdu5cn9]:hover {
19
19
  background: #979BA5;
20
20
  }
21
- .expend-collapse-home.is-close[data-v-ht5kyfg3] {
21
+ .expend-collapse-home.is-close[data-v-hzdu5cn9] {
22
22
  left: 0;
23
23
  }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-ht5kyfg3";
2
+ script.__scopeId = "data-v-hzdu5cn9";
3
3
  script.__file = "./src/components/render-expand-collapse/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -1,21 +1,21 @@
1
1
 
2
- .upload-file-home[data-v-asue9jv0] {
2
+ .upload-file-home[data-v-201ej5j8] {
3
3
  position: relative;
4
4
  background: #FFFFFF;
5
5
  border: 1px solid #DCDEE5;
6
6
  border-radius: 4px;
7
7
  padding: 12px 12px 10px 12px;
8
8
  }
9
- .upload-file-home[data-v-asue9jv0]:hover {
9
+ .upload-file-home[data-v-201ej5j8]:hover {
10
10
  border: 1px solid #3A84FF;
11
11
  }
12
- .upload-file-home:hover .file-icons[data-v-asue9jv0] {
12
+ .upload-file-home:hover .file-icons[data-v-201ej5j8] {
13
13
  display: flex;
14
14
  }
15
- .upload-file-home .file-icon[data-v-asue9jv0] {
15
+ .upload-file-home .file-icon[data-v-201ej5j8] {
16
16
  font-size: 32px;
17
17
  }
18
- .upload-file-home .file-content[data-v-asue9jv0] {
18
+ .upload-file-home .file-content[data-v-201ej5j8] {
19
19
  font-size: 12px;
20
20
  flex: 1;
21
21
  align-items: flex-start;
@@ -23,28 +23,28 @@
23
23
  font-weight: normal;
24
24
  width: 0;
25
25
  }
26
- .upload-file-home .file-content .file-name[data-v-asue9jv0] {
26
+ .upload-file-home .file-content .file-name[data-v-201ej5j8] {
27
27
  width: 100%;
28
28
  font-size: 14px;
29
29
  line-height: 20px;
30
30
  }
31
- .upload-file-home .file-content .file-size[data-v-asue9jv0] {
31
+ .upload-file-home .file-content .file-size[data-v-201ej5j8] {
32
32
  font-size: 12px;
33
33
  color: #979BA5;
34
34
  line-height: 20px;
35
35
  }
36
- .upload-file-home .file-icons[data-v-asue9jv0] {
36
+ .upload-file-home .file-icons[data-v-201ej5j8] {
37
37
  display: none;
38
38
  color: #979BA5;
39
39
  }
40
- .upload-file-home .file-icons .bkaidev-icon[data-v-asue9jv0] {
40
+ .upload-file-home .file-icons .bkaidev-icon[data-v-201ej5j8] {
41
41
  cursor: pointer;
42
42
  margin-right: 15px;
43
43
  font-size: 16px;
44
44
  }
45
- .upload-file-home .file-icons .bkaidev-icon[data-v-asue9jv0]:hover {
45
+ .upload-file-home .file-icons .bkaidev-icon[data-v-201ej5j8]:hover {
46
46
  color: #3A84FF;
47
47
  }
48
- .upload-file-home .file-icons .bkaidev-delete[data-v-asue9jv0] {
48
+ .upload-file-home .file-icons .bkaidev-delete[data-v-201ej5j8] {
49
49
  margin: 0;
50
50
  }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-asue9jv0";
2
+ script.__scopeId = "data-v-201ej5j8";
3
3
  script.__file = "./src/components/render-file-card/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -1,16 +1,16 @@
1
1
 
2
- .ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-cx5he2rk] {
2
+ .ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-r5pu7psc] {
3
3
  color: #EA3636;
4
4
  }
5
- .ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-cx5he2rk], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-cx5he2rk], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-cx5he2rk] {
5
+ .ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-r5pu7psc], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-r5pu7psc], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-r5pu7psc] {
6
6
  color: #3A84FF;
7
7
  }
8
- .ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-cx5he2rk] {
8
+ .ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-r5pu7psc] {
9
9
  color: #C4C6CC;
10
10
  }
11
- .ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-cx5he2rk] {
11
+ .ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-r5pu7psc] {
12
12
  color: #2DCB56;
13
13
  }
14
- .ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-cx5he2rk] {
14
+ .ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-r5pu7psc] {
15
15
  color: #14A568;
16
16
  }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-cx5he2rk";
2
+ script.__scopeId = "data-v-r5pu7psc";
3
3
  script.__file = "./src/components/render-file-type-icon/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -1,78 +1,50 @@
1
1
  import { defineComponent as _defineComponent } from 'vue';
2
- import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
2
+ import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode } from "vue";
3
3
  const _hoisted_1 = {
4
- class: "header-home"
4
+ class: "header-home g-pl-24"
5
5
  };
6
6
  const _hoisted_2 = {
7
- class: "header-title"
7
+ class: "g-learning-24 g-text-black g-text-16 g-pt-14 g-pb-14"
8
8
  };
9
9
  const _hoisted_3 = {
10
10
  key: 0,
11
- class: "header-main"
11
+ class: "g-flex-row g-mt-4"
12
12
  };
13
+ const _hoisted_4 = [
14
+ "onClick"
15
+ ];
13
16
  export default /*@__PURE__*/ _defineComponent({
14
17
  props: {
15
- title: String,
16
- tagName: String,
17
- search: String,
18
- showTag: {
19
- type: Boolean,
20
- default: false
21
- },
22
- showSearch: {
23
- type: Boolean,
24
- default: true
25
- },
26
- showHeaderTool: {
27
- type: Boolean,
28
- default: true
29
- }
18
+ title: {},
19
+ groupType: {},
20
+ tabs: {}
30
21
  },
31
22
  emits: [
32
- 'update:tagName',
33
- 'update:search'
23
+ "update:groupType"
34
24
  ],
35
25
  setup (__props, { emit: __emit }) {
26
+ const props = __props;
36
27
  const emit = __emit;
37
- const handleTagChange = (val)=>{
38
- emit('update:tagName', val);
39
- };
40
- const handleSearchChange = (val)=>{
41
- emit('update:search', val);
28
+ const handleChoose = (val)=>{
29
+ emit('update:groupType', val);
42
30
  };
43
31
  return (_ctx, _cache)=>{
44
- const _component_bk_input = _resolveComponent("bk-input");
32
+ var _props_tabs;
45
33
  return _openBlock(), _createElementBlock("section", _hoisted_1, [
46
34
  _renderSlot(_ctx.$slots, "title", {}, ()=>[
47
- _createElementVNode("span", _hoisted_2, _toDisplayString(__props.title), 1 /* TEXT */ )
35
+ _createElementVNode("section", _hoisted_2, _toDisplayString(props.title), 1 /* TEXT */ )
48
36
  ], true),
49
- __props.showHeaderTool ? (_openBlock(), _createElementBlock("section", _hoisted_3, [
50
- _renderSlot(_ctx.$slots, "search", {}, undefined, true),
51
- __props.showTag ? (_openBlock(), _createBlock(_component_bk_input, {
52
- key: 0,
53
- class: "header-input g-mr-8",
54
- type: "search",
55
- placeholder: "请输入标签",
56
- clearable: true,
57
- "model-value": __props.tagName,
58
- onChange: handleTagChange,
59
- onInput: handleTagChange
60
- }, null, 8 /* PROPS */ , [
61
- "model-value"
62
- ])) : _createCommentVNode("v-if", true),
63
- __props.showSearch ? (_openBlock(), _createBlock(_component_bk_input, {
64
- key: 1,
65
- class: "header-input",
66
- type: "search",
67
- placeholder: "请输入关键字",
68
- clearable: true,
69
- "model-value": __props.search,
70
- onChange: handleSearchChange,
71
- onInput: handleSearchChange
72
- }, null, 8 /* PROPS */ , [
73
- "model-value"
74
- ])) : _createCommentVNode("v-if", true),
75
- _renderSlot(_ctx.$slots, "default", {}, undefined, true)
37
+ ((_props_tabs = props.tabs) === null || _props_tabs === void 0 ? void 0 : _props_tabs.length) > 0 ? (_openBlock(), _createElementBlock("ul", _hoisted_3, [
38
+ (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.tabs, (tab)=>{
39
+ return _openBlock(), _createElementBlock("li", {
40
+ key: tab.id,
41
+ class: _normalizeClass({
42
+ 'render-tab g-pl-8 g-pr-8 g-pb-8 g-learning-22 g-mr-24 g-text-14 g-cursor-pointer': true,
43
+ active: props.groupType === tab.id
44
+ }),
45
+ onClick: ($event)=>handleChoose(tab.id)
46
+ }, _toDisplayString(tab.name) + "(" + _toDisplayString(tab.number) + ") ", 11 /* TEXT, CLASS, PROPS */ , _hoisted_4);
47
+ }), 128 /* KEYED_FRAGMENT */ ))
76
48
  ])) : _createCommentVNode("v-if", true)
77
49
  ]);
78
50
  };
@@ -1,34 +1,13 @@
1
1
 
2
- .header-home[data-v-qhdxggac] {
2
+ .header-home[data-v-pddmf18e] {
3
3
  width: 100%;
4
- height: 52px;
5
4
  background: #FFFFFF;
6
5
  box-shadow: 0 3px 4px 0 #0000000a;
7
- position: relative;
8
- z-index: 2;
9
6
  }
10
- .header-title[data-v-qhdxggac] {
11
- position: absolute;
12
- left: 24px;
13
- top: 14px;
14
- font-size: 16px;
15
- color: #313238;
7
+ .render-tab[data-v-pddmf18e] {
8
+ border-bottom: 2px solid transparent;
16
9
  }
17
- .header-main[data-v-qhdxggac] {
18
- display: flex;
19
- align-items: center;
20
- justify-content: flex-end;
21
- width: 12.5rem;
22
- height: 100%;
23
- margin: 0 auto;
24
- }
25
- .header-select[data-v-qhdxggac] {
26
- width: 300px;
27
- margin-right: 8px;
28
- z-index: 9;
29
- font-size: 12px;
30
- }
31
- .header-input[data-v-qhdxggac] {
32
- width: 300px;
33
- font-size: 12px;
10
+ .render-tab.active[data-v-pddmf18e] {
11
+ color: #3A84FF;
12
+ border-bottom: 2px solid #3A84FF;
34
13
  }
@@ -1,54 +1,22 @@
1
- declare var __VLS_1: {}, __VLS_3: {}, __VLS_23: {};
1
+ import type { GroupType } from '@/types/enum';
2
+ interface IProps {
3
+ title?: string;
4
+ groupType?: GroupType;
5
+ tabs?: {
6
+ id: GroupType;
7
+ name: string;
8
+ number: number;
9
+ }[];
10
+ }
11
+ declare var __VLS_1: {};
2
12
  type __VLS_Slots = {} & {
3
13
  title?: (props: typeof __VLS_1) => any;
4
- } & {
5
- search?: (props: typeof __VLS_3) => any;
6
- } & {
7
- default?: (props: typeof __VLS_23) => any;
8
14
  };
9
- declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
- title: StringConstructor;
11
- tagName: StringConstructor;
12
- search: StringConstructor;
13
- showTag: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
- showSearch: {
18
- type: BooleanConstructor;
19
- default: boolean;
20
- };
21
- showHeaderTool: {
22
- type: BooleanConstructor;
23
- default: boolean;
24
- };
25
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
- "update:tagName": (...args: any[]) => void;
27
- "update:search": (...args: any[]) => void;
28
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
- title: StringConstructor;
30
- tagName: StringConstructor;
31
- search: StringConstructor;
32
- showTag: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- };
36
- showSearch: {
37
- type: BooleanConstructor;
38
- default: boolean;
39
- };
40
- showHeaderTool: {
41
- type: BooleanConstructor;
42
- default: boolean;
43
- };
44
- }>> & Readonly<{
45
- "onUpdate:tagName"?: (...args: any[]) => any;
46
- "onUpdate:search"?: (...args: any[]) => any;
47
- }>, {
48
- showTag: boolean;
49
- showSearch: boolean;
50
- showHeaderTool: boolean;
51
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
+ declare const __VLS_component: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
16
+ "update:groupType": (val: GroupType) => any;
17
+ }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
18
+ "onUpdate:groupType"?: (val: GroupType) => any;
19
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
20
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
53
21
  export default _default;
54
22
  type __VLS_WithSlots<T, S> = T & {
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js.js';
2
- script.__scopeId = "data-v-qhdxggac";
2
+ script.__scopeId = "data-v-pddmf18e";
3
3
  script.__file = "./src/components/render-header/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;