bkui-vue 0.0.1-beta.421 → 0.0.1-beta.423

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 (39) hide show
  1. package/dist/index.cjs.js +38 -38
  2. package/dist/index.esm.js +584 -168
  3. package/dist/index.umd.js +38 -38
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/checkbox/checkbox.css +1 -1
  7. package/lib/checkbox/checkbox.less +2 -1
  8. package/lib/checkbox/checkbox.variable.css +1 -1
  9. package/lib/collapse/collapse-panel.d.ts +21 -1
  10. package/lib/collapse/collapse.css +46 -7
  11. package/lib/collapse/collapse.d.ts +55 -0
  12. package/lib/collapse/collapse.less +97 -40
  13. package/lib/collapse/collapse.variable.css +46 -7
  14. package/lib/collapse/index.d.ts +136 -2
  15. package/lib/collapse/index.js +1 -1
  16. package/lib/collapse/props.d.ts +45 -0
  17. package/lib/form/form.d.ts +11 -2
  18. package/lib/form/index.d.ts +17 -7
  19. package/lib/form/index.js +1 -1
  20. package/lib/form/type.d.ts +3 -1
  21. package/lib/radio/radio.css +1 -1
  22. package/lib/radio/radio.less +1 -1
  23. package/lib/radio/radio.variable.css +1 -1
  24. package/lib/tab/index.js +1 -1
  25. package/lib/tab/tab.css +9 -7
  26. package/lib/tab/tab.less +11 -10
  27. package/lib/tab/tab.variable.css +9 -7
  28. package/lib/table/index.js +1 -1
  29. package/lib/table/plugins/head-sort.css +1 -0
  30. package/lib/table/plugins/head-sort.less +1 -0
  31. package/lib/table/plugins/head-sort.variable.css +1 -0
  32. package/lib/table/render.d.ts +1 -1
  33. package/lib/table/table.css +8 -1
  34. package/lib/table/table.less +4 -0
  35. package/lib/table/table.variable.css +8 -1
  36. package/lib/table-column/index.js +1 -1
  37. package/lib/tree/tree.css +1 -1
  38. package/lib/tree/tree.variable.css +1 -1
  39. package/package.json +2 -2
package/lib/checkbox/checkbox.css CHANGED
@@ -99,6 +99,6 @@
99
99
  }
100
100
  .bk-checkbox-label {
101
101
  display: inline-block;
102
- margin-left: 5px;
102
+ margin-left: 6px;
103
103
  vertical-align: middle;
104
104
  }
package/lib/checkbox/checkbox.less CHANGED
@@ -93,6 +93,7 @@
93
93
  .@{bk-prefix}-checkbox-input {
94
94
  background: @checkbox-disabled-checked-bg;
95
95
  border-color: @checkbox-disabled-checked-bg;
96
+
96
97
  &::after {
97
98
  background: @checkbox-disabled-checked-bg;
98
99
  }
@@ -127,6 +128,6 @@
127
128
 
128
129
  .@{bk-prefix}-checkbox-label {
129
130
  display: inline-block;
130
- margin-left: 5px;
131
+ margin-left: 6px;
131
132
  vertical-align: middle;
132
133
  }
package/lib/checkbox/checkbox.variable.css CHANGED
@@ -221,6 +221,6 @@
221
221
  }
222
222
  .bk-checkbox-label {
223
223
  display: inline-block;
224
- margin-left: 5px;
224
+ margin-left: 6px;
225
225
  vertical-align: middle;
226
226
  }
package/lib/collapse/collapse-panel.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { Ref } from 'vue';
1
2
  declare const _default: import("vue").DefineComponent<{
2
3
  itemClick: {
3
4
  type: FunctionConstructor;
@@ -32,7 +33,20 @@ declare const _default: import("vue").DefineComponent<{
32
33
  } & {
33
34
  default: boolean;
34
35
  };
35
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "after-leave" | "before-enter")[], "change" | "update:modelValue" | "after-leave" | "before-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ icon: import("vue-types").VueTypeValidableDef<string> & {
37
+ default: string;
38
+ } & {
39
+ default: string;
40
+ };
41
+ }, {
42
+ isActive: Ref<boolean>;
43
+ collapseIcon: any;
44
+ clickItem: () => void;
45
+ renderPanel: () => "" | JSX.Element;
46
+ renderHeader: (icon: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
47
+ [key: string]: any;
48
+ }>[] | JSX.Element;
49
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "after-leave" | "before-enter")[], "change" | "update:modelValue" | "after-leave" | "before-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
50
  itemClick: {
37
51
  type: FunctionConstructor;
38
52
  };
@@ -66,6 +80,11 @@ declare const _default: import("vue").DefineComponent<{
66
80
  } & {
67
81
  default: boolean;
68
82
  };
83
+ icon: import("vue-types").VueTypeValidableDef<string> & {
84
+ default: string;
85
+ } & {
86
+ default: string;
87
+ };
69
88
  }>> & {
70
89
  onChange?: (...args: any[]) => any;
71
90
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -75,6 +94,7 @@ declare const _default: import("vue").DefineComponent<{
75
94
  name: string | number;
76
95
  disabled: boolean;
77
96
  content: string;
97
+ icon: string;
78
98
  modelValue: boolean;
79
99
  isFormList: boolean;
80
100
  renderDirective: "if" | "show";
package/lib/collapse/collapse.css CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  text-align: left;
5
+ position: relative;
5
6
  }
6
7
  .bk-collapse-item.is-disabled {
7
8
  cursor: not-allowed;
@@ -12,27 +13,33 @@
12
13
  }
13
14
  .bk-collapse-header {
14
15
  position: relative;
15
- height: 42px;
16
- padding: 0 10px;
16
+ height: 46px;
17
+ padding: 0 14px;
17
18
  overflow: hidden;
18
19
  font-size: 14px;
19
- line-height: 42px;
20
+ line-height: 46px;
20
21
  color: #63656e;
21
22
  text-overflow: ellipsis;
22
23
  cursor: pointer;
23
24
  }
25
+ .bk-collapse-header .bk-collapse-title {
26
+ margin-left: 26px;
27
+ color: #313238;
28
+ font-size: 14px;
29
+ }
24
30
  .bk-collapse-content {
25
- padding: 0 10px;
26
- font-size: 13px;
31
+ padding: 5px 49px;
32
+ font-size: 12px;
33
+ line-height: 22px;
27
34
  will-change: all;
28
- color: #979ba5;
35
+ color: #63656E;
29
36
  }
30
37
  .bk-collapse-content.active {
31
38
  display: block;
32
39
  }
33
40
  .bk-collapse-icon {
34
41
  position: absolute;
35
- right: 10px;
42
+ top: 13px;
36
43
  transition: all linear 0.3s;
37
44
  }
38
45
  .bk-collapse-icon.rotate-icon {
@@ -44,3 +51,35 @@
44
51
  .bk-collapse-transition {
45
52
  transition: all 0.3s ease-in-out;
46
53
  }
54
+ .bk-collapse-header-border .bk-collapse-item::after {
55
+ height: 1px;
56
+ content: '';
57
+ background-color: #DCDEE5;
58
+ display: block;
59
+ position: absolute;
60
+ bottom: 0;
61
+ left: 14px;
62
+ right: 14px;
63
+ }
64
+ .bk-collapse-header-border .bk-collapse-item:last-child::after {
65
+ display: none;
66
+ }
67
+ .bk-collapse-header-hover .bk-collapse-header:hover {
68
+ background-color: #F0F1F5;
69
+ }
70
+ .bk-collapse-card .bk-collapse-item {
71
+ box-shadow: 0 0 8px 0px #ccc;
72
+ margin-bottom: 10px;
73
+ }
74
+ .bk-collapse-card .bk-collapse-item:last-child {
75
+ margin-bottom: 0;
76
+ }
77
+ .bk-collapse-icon-right .bk-collapse-icon {
78
+ right: 13px;
79
+ }
80
+ .bk-collapse-icon-right .bk-collapse-title {
81
+ margin-left: 0;
82
+ }
83
+ .bk-collapse-icon-left .bk-collapse-icon {
84
+ left: 13px;
85
+ }
package/lib/collapse/collapse.d.ts CHANGED
@@ -23,6 +23,31 @@ declare const _default: import("vue").DefineComponent<{
23
23
  } & {
24
24
  default: boolean;
25
25
  };
26
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
27
+ default: boolean;
28
+ } & {
29
+ default: boolean;
30
+ };
31
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
32
+ default: boolean;
33
+ } & {
34
+ default: boolean;
35
+ };
36
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
37
+ default: string;
38
+ } & {
39
+ default: string;
40
+ };
41
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
42
+ default: boolean;
43
+ } & {
44
+ default: boolean;
45
+ };
46
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
47
+ default: string;
48
+ } & {
49
+ default: string;
50
+ };
26
51
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
27
52
  [key: string]: any;
28
53
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,6 +75,31 @@ declare const _default: import("vue").DefineComponent<{
50
75
  } & {
51
76
  default: boolean;
52
77
  };
78
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
79
+ default: boolean;
80
+ } & {
81
+ default: boolean;
82
+ };
83
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
84
+ default: boolean;
85
+ } & {
86
+ default: boolean;
87
+ };
88
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
89
+ default: string;
90
+ } & {
91
+ default: string;
92
+ };
93
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
94
+ default: boolean;
95
+ } & {
96
+ default: boolean;
97
+ };
98
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
99
+ default: string;
100
+ } & {
101
+ default: string;
102
+ };
53
103
  }>> & {
54
104
  "onUpdate:modelValue"?: (...args: any[]) => any;
55
105
  "onAfter-leave"?: (...args: any[]) => any;
@@ -61,5 +111,10 @@ declare const _default: import("vue").DefineComponent<{
61
111
  titleField: string;
62
112
  contentField: string;
63
113
  accordion: boolean;
114
+ hasHeaderBorder: boolean;
115
+ hasHeaderHover: boolean;
116
+ headerIcon: string;
117
+ useCardTheme: boolean;
118
+ headerIconAlign: string;
64
119
  }>;
65
120
  export default _default;
package/lib/collapse/collapse.less CHANGED
@@ -1,62 +1,119 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .bk-collapse {
4
- &-item {
5
- display: flex;
6
- flex-direction: column;
7
- text-align: left;
8
-
9
- &.is-disabled {
10
- cursor: not-allowed;
11
-
12
- .bk-collapse-header {
13
- color: @disable-color;
14
- pointer-events: none;
15
- }
16
- }
3
+ .@{bk-prefix}-collapse-item {
4
+ display: flex;
5
+ flex-direction: column;
6
+ text-align: left;
7
+ position: relative;
17
8
 
9
+ &.is-disabled {
10
+ cursor: not-allowed;
18
11
 
12
+ .@{bk-prefix}-collapse-header {
13
+ color: @disable-color;
14
+ pointer-events: none;
15
+ }
19
16
  }
17
+ }
20
18
 
21
- &-header {
22
- position: relative;
23
- height: 42px;
24
- padding: 0 10px;
25
- overflow: hidden;
19
+ .@{bk-prefix}-collapse-header {
20
+ position: relative;
21
+ height: 46px;
22
+ padding: 0 14px;
23
+ overflow: hidden;
24
+ font-size: 14px;
25
+ line-height: 46px;
26
+ color: #63656e;
27
+ text-overflow: ellipsis;
28
+ cursor: pointer;
29
+
30
+ .@{bk-prefix}-collapse-title {
31
+ margin-left: 26px;
32
+ color: #313238;
26
33
  font-size: 14px;
27
- line-height: 42px;
28
- color: #63656e;
29
- text-overflow: ellipsis;
30
- cursor: pointer;
34
+ }
35
+ }
31
36
 
37
+ .@{bk-prefix}-collapse-content {
38
+ padding: 5px 49px;
39
+ font-size: 12px;
40
+ line-height: 22px;
41
+ will-change: all;
42
+ color: #63656E;
43
+
44
+ &.active {
45
+ display: block;
32
46
  }
47
+ }
33
48
 
34
- &-content {
35
- padding: 0 10px;
36
- font-size: 13px;
37
- will-change: all;
38
- color: #979ba5;
49
+ .@{bk-prefix}-collapse-icon {
50
+ position: absolute;
51
+ top: 13px;
52
+ transition: all linear .3s;
53
+
54
+ &.rotate-icon {
55
+ transform: rotate(90deg);
56
+ }
57
+
58
+ svg {
59
+ font-size: 20px;
60
+ }
61
+ }
39
62
 
40
- &.active {
63
+ .@{bk-prefix}-collapse-transition {
64
+ transition: all .3s ease-in-out;
65
+ }
66
+
67
+ .@{bk-prefix}-collapse-header-border {
68
+ .@{bk-prefix}-collapse-item {
69
+ &::after {
70
+ height: 1px;
71
+ content: '';
72
+ background-color: #DCDEE5;
41
73
  display: block;
74
+ position: absolute;
75
+ bottom: 0;
76
+ left: 14px;
77
+ right: 14px;
78
+ }
79
+ &:last-child {
80
+ &::after {
81
+ display: none;
82
+ }
42
83
  }
43
84
  }
85
+ }
44
86
 
45
- &-icon {
46
- position: absolute;
47
- right: 10px;
48
- transition: all linear .3s;
49
-
50
- &.rotate-icon {
51
- transform: rotate(90deg);
87
+ .@{bk-prefix}-collapse-header-hover {
88
+ .@{bk-prefix}-collapse-header {
89
+ &:hover {
90
+ background-color: #F0F1F5;
52
91
  }
92
+ }
93
+ }
94
+
95
+ .@{bk-prefix}-collapse-card {
96
+ .@{bk-prefix}-collapse-item {
97
+ box-shadow: 0 0 8px 0px #ccc;
98
+ margin-bottom: 10px;
53
99
 
54
- svg {
55
- font-size: 20px;
100
+ &:last-child {
101
+ margin-bottom: 0;
56
102
  }
57
103
  }
104
+ }
58
105
 
59
- &-transition {
60
- transition: all .3s ease-in-out;
106
+ .@{bk-prefix}-collapse-icon-right {
107
+ .@{bk-prefix}-collapse-icon {
108
+ right: 13px;
109
+ }
110
+ .@{bk-prefix}-collapse-title {
111
+ margin-left: 0;
61
112
  }
62
113
  }
114
+
115
+ .@{bk-prefix}-collapse-icon-left {
116
+ .@{bk-prefix}-collapse-icon {
117
+ left: 13px;
118
+ }
119
+ }
package/lib/collapse/collapse.variable.css CHANGED
@@ -124,6 +124,7 @@
124
124
  display: flex;
125
125
  flex-direction: column;
126
126
  text-align: left;
127
+ position: relative;
127
128
  }
128
129
  .bk-collapse-item.is-disabled {
129
130
  cursor: not-allowed;
@@ -134,27 +135,33 @@
134
135
  }
135
136
  .bk-collapse-header {
136
137
  position: relative;
137
- height: 42px;
138
- padding: 0 10px;
138
+ height: 46px;
139
+ padding: 0 14px;
139
140
  overflow: hidden;
140
141
  font-size: 14px;
141
- line-height: 42px;
142
+ line-height: 46px;
142
143
  color: #63656e;
143
144
  text-overflow: ellipsis;
144
145
  cursor: pointer;
145
146
  }
147
+ .bk-collapse-header .bk-collapse-title {
148
+ margin-left: 26px;
149
+ color: #313238;
150
+ font-size: 14px;
151
+ }
146
152
  .bk-collapse-content {
147
- padding: 0 10px;
148
- font-size: 13px;
153
+ padding: 5px 49px;
154
+ font-size: 12px;
155
+ line-height: 22px;
149
156
  will-change: all;
150
- color: #979ba5;
157
+ color: #63656E;
151
158
  }
152
159
  .bk-collapse-content.active {
153
160
  display: block;
154
161
  }
155
162
  .bk-collapse-icon {
156
163
  position: absolute;
157
- right: 10px;
164
+ top: 13px;
158
165
  transition: all linear 0.3s;
159
166
  }
160
167
  .bk-collapse-icon.rotate-icon {
@@ -166,3 +173,35 @@
166
173
  .bk-collapse-transition {
167
174
  transition: all 0.3s ease-in-out;
168
175
  }
176
+ .bk-collapse-header-border .bk-collapse-item::after {
177
+ height: 1px;
178
+ content: '';
179
+ background-color: #DCDEE5;
180
+ display: block;
181
+ position: absolute;
182
+ bottom: 0;
183
+ left: 14px;
184
+ right: 14px;
185
+ }
186
+ .bk-collapse-header-border .bk-collapse-item:last-child::after {
187
+ display: none;
188
+ }
189
+ .bk-collapse-header-hover .bk-collapse-header:hover {
190
+ background-color: #F0F1F5;
191
+ }
192
+ .bk-collapse-card .bk-collapse-item {
193
+ box-shadow: 0 0 8px 0px #ccc;
194
+ margin-bottom: 10px;
195
+ }
196
+ .bk-collapse-card .bk-collapse-item:last-child {
197
+ margin-bottom: 0;
198
+ }
199
+ .bk-collapse-icon-right .bk-collapse-icon {
200
+ right: 13px;
201
+ }
202
+ .bk-collapse-icon-right .bk-collapse-title {
203
+ margin-left: 0;
204
+ }
205
+ .bk-collapse-icon-left .bk-collapse-icon {
206
+ left: 13px;
207
+ }
package/lib/collapse/index.d.ts CHANGED
@@ -12,6 +12,11 @@ declare const BkCollapse: {
12
12
  titleField: string;
13
13
  contentField: string;
14
14
  accordion: boolean;
15
+ hasHeaderBorder: boolean;
16
+ hasHeaderHover: boolean;
17
+ headerIcon: string;
18
+ useCardTheme: boolean;
19
+ headerIconAlign: string;
15
20
  }> & Omit<Readonly<ExtractPropTypes<{
16
21
  list: import("vue-types").VueTypeDef<any[]> & {
17
22
  default: () => any[];
@@ -37,12 +42,37 @@ declare const BkCollapse: {
37
42
  } & {
38
43
  default: boolean;
39
44
  };
45
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
46
+ default: boolean;
47
+ } & {
48
+ default: boolean;
49
+ };
50
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
51
+ default: boolean;
52
+ } & {
53
+ default: boolean;
54
+ };
55
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
56
+ default: string;
57
+ } & {
58
+ default: string;
59
+ };
60
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
61
+ default: boolean;
62
+ } & {
63
+ default: boolean;
64
+ };
65
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
66
+ default: string;
67
+ } & {
68
+ default: string;
69
+ };
40
70
  }>> & {
41
71
  "onUpdate:modelValue"?: (...args: any[]) => any;
42
72
  "onAfter-leave"?: (...args: any[]) => any;
43
73
  "onBefore-enter"?: (...args: any[]) => any;
44
74
  "onItem-click"?: (...args: any[]) => any;
45
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion">;
75
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion" | "hasHeaderBorder" | "hasHeaderHover" | "headerIcon" | "useCardTheme" | "headerIconAlign">;
46
76
  $attrs: {
47
77
  [x: string]: unknown;
48
78
  };
@@ -81,6 +111,31 @@ declare const BkCollapse: {
81
111
  } & {
82
112
  default: boolean;
83
113
  };
114
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
115
+ default: boolean;
116
+ } & {
117
+ default: boolean;
118
+ };
119
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
120
+ default: boolean;
121
+ } & {
122
+ default: boolean;
123
+ };
124
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
125
+ default: string;
126
+ } & {
127
+ default: string;
128
+ };
129
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
130
+ default: boolean;
131
+ } & {
132
+ default: boolean;
133
+ };
134
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
135
+ default: string;
136
+ } & {
137
+ default: string;
138
+ };
84
139
  }>> & {
85
140
  "onUpdate:modelValue"?: (...args: any[]) => any;
86
141
  "onAfter-leave"?: (...args: any[]) => any;
@@ -94,6 +149,11 @@ declare const BkCollapse: {
94
149
  titleField: string;
95
150
  contentField: string;
96
151
  accordion: boolean;
152
+ hasHeaderBorder: boolean;
153
+ hasHeaderHover: boolean;
154
+ headerIcon: string;
155
+ useCardTheme: boolean;
156
+ headerIconAlign: string;
97
157
  }> & {
98
158
  beforeCreate?: (() => void) | (() => void)[];
99
159
  created?: (() => void) | (() => void)[];
@@ -139,6 +199,31 @@ declare const BkCollapse: {
139
199
  } & {
140
200
  default: boolean;
141
201
  };
202
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
203
+ default: boolean;
204
+ } & {
205
+ default: boolean;
206
+ };
207
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
208
+ default: boolean;
209
+ } & {
210
+ default: boolean;
211
+ };
212
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
213
+ default: string;
214
+ } & {
215
+ default: string;
216
+ };
217
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
218
+ default: boolean;
219
+ } & {
220
+ default: boolean;
221
+ };
222
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
223
+ default: string;
224
+ } & {
225
+ default: string;
226
+ };
142
227
  }>> & {
143
228
  "onUpdate:modelValue"?: (...args: any[]) => any;
144
229
  "onAfter-leave"?: (...args: any[]) => any;
@@ -175,6 +260,31 @@ declare const BkCollapse: {
175
260
  } & {
176
261
  default: boolean;
177
262
  };
263
+ hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
264
+ default: boolean;
265
+ } & {
266
+ default: boolean;
267
+ };
268
+ hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
269
+ default: boolean;
270
+ } & {
271
+ default: boolean;
272
+ };
273
+ headerIcon: import("vue-types").VueTypeValidableDef<string> & {
274
+ default: string;
275
+ } & {
276
+ default: string;
277
+ };
278
+ useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
279
+ default: boolean;
280
+ } & {
281
+ default: boolean;
282
+ };
283
+ headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
284
+ default: string;
285
+ } & {
286
+ default: string;
287
+ };
178
288
  }>> & {
179
289
  "onUpdate:modelValue"?: (...args: any[]) => any;
180
290
  "onAfter-leave"?: (...args: any[]) => any;
@@ -188,6 +298,11 @@ declare const BkCollapse: {
188
298
  titleField: string;
189
299
  contentField: string;
190
300
  accordion: boolean;
301
+ hasHeaderBorder: boolean;
302
+ hasHeaderHover: boolean;
303
+ headerIcon: string;
304
+ useCardTheme: boolean;
305
+ headerIconAlign: string;
191
306
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
192
307
  CollapsePanel: import("vue").DefineComponent<{
193
308
  itemClick: {
@@ -223,7 +338,20 @@ declare const BkCollapse: {
223
338
  } & {
224
339
  default: boolean;
225
340
  };
226
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "after-leave" | "before-enter")[], "change" | "update:modelValue" | "after-leave" | "before-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
341
+ icon: import("vue-types").VueTypeValidableDef<string> & {
342
+ default: string;
343
+ } & {
344
+ default: string;
345
+ };
346
+ }, {
347
+ isActive: import("vue").Ref<boolean>;
348
+ collapseIcon: any;
349
+ clickItem: () => void;
350
+ renderPanel: () => "" | JSX.Element;
351
+ renderHeader: (icon: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
352
+ [key: string]: any;
353
+ }>[] | JSX.Element;
354
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "after-leave" | "before-enter")[], "change" | "update:modelValue" | "after-leave" | "before-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
227
355
  itemClick: {
228
356
  type: FunctionConstructor;
229
357
  };
@@ -257,6 +385,11 @@ declare const BkCollapse: {
257
385
  } & {
258
386
  default: boolean;
259
387
  };
388
+ icon: import("vue-types").VueTypeValidableDef<string> & {
389
+ default: string;
390
+ } & {
391
+ default: string;
392
+ };
260
393
  }>> & {
261
394
  onChange?: (...args: any[]) => any;
262
395
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -266,6 +399,7 @@ declare const BkCollapse: {
266
399
  name: string | number;
267
400
  disabled: boolean;
268
401
  content: string;
402
+ icon: string;
269
403
  modelValue: boolean;
270
404
  isFormList: boolean;
271
405
  renderDirective: "if" | "show";