bkui-vue 0.0.1-beta.145 → 0.0.1-beta.146
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/index.cjs.js +1 -1
- package/dist/index.esm.js +25 -19
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/collapse/collapse-panel.d.ts +11 -0
- package/lib/collapse/collapse.css +14 -14
- package/lib/collapse/collapse.d.ts +3 -1
- package/lib/collapse/collapse.less +34 -29
- package/lib/collapse/collapse.variable.css +14 -14
- package/lib/collapse/index.d.ts +20 -3
- package/lib/collapse/index.js +1 -1
- package/lib/collapse/props.d.ts +9 -0
- package/package.json +1 -1
|
@@ -15,6 +15,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
} & {
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
|
+
isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
19
|
+
default: boolean;
|
|
20
|
+
} & {
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
18
23
|
renderDirective: import("vue-types").VueTypeDef<string> & {
|
|
19
24
|
default: string;
|
|
20
25
|
};
|
|
@@ -40,6 +45,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
40
45
|
} & {
|
|
41
46
|
default: boolean;
|
|
42
47
|
};
|
|
48
|
+
isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
49
|
+
default: boolean;
|
|
50
|
+
} & {
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
43
53
|
renderDirective: import("vue-types").VueTypeDef<string> & {
|
|
44
54
|
default: string;
|
|
45
55
|
};
|
|
@@ -59,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
59
69
|
disabled: boolean;
|
|
60
70
|
modelValue: boolean;
|
|
61
71
|
itemClick: Function;
|
|
72
|
+
isFormList: boolean;
|
|
62
73
|
renderDirective: string;
|
|
63
74
|
}>;
|
|
64
75
|
export default _default;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
color: #dcdee5;
|
|
11
11
|
pointer-events: none;
|
|
12
12
|
}
|
|
13
|
-
.bk-collapse-
|
|
13
|
+
.bk-collapse-header {
|
|
14
14
|
position: relative;
|
|
15
15
|
height: 42px;
|
|
16
16
|
padding: 0 10px;
|
|
@@ -21,26 +21,26 @@
|
|
|
21
21
|
text-overflow: ellipsis;
|
|
22
22
|
cursor: pointer;
|
|
23
23
|
}
|
|
24
|
-
.bk-collapse-
|
|
24
|
+
.bk-collapse-content {
|
|
25
|
+
padding: 0 10px;
|
|
26
|
+
font-size: 13px;
|
|
27
|
+
will-change: all;
|
|
28
|
+
color: #979ba5;
|
|
29
|
+
}
|
|
30
|
+
.bk-collapse-content.active {
|
|
31
|
+
display: block;
|
|
32
|
+
}
|
|
33
|
+
.bk-collapse-icon {
|
|
25
34
|
position: absolute;
|
|
26
35
|
right: 10px;
|
|
27
36
|
transition: all linear 0.3s;
|
|
28
37
|
}
|
|
29
|
-
.bk-collapse-
|
|
38
|
+
.bk-collapse-icon.rotate-icon {
|
|
30
39
|
transform: rotate(90deg);
|
|
31
40
|
}
|
|
32
|
-
.bk-collapse-
|
|
41
|
+
.bk-collapse-icon svg {
|
|
33
42
|
font-size: 20px;
|
|
34
43
|
}
|
|
35
|
-
.bk-collapse-
|
|
36
|
-
padding: 0 10px;
|
|
37
|
-
font-size: 13px;
|
|
38
|
-
will-change: all;
|
|
39
|
-
color: #979ba5;
|
|
40
|
-
}
|
|
41
|
-
.bk-collapse-item .bk-collapse-content.active {
|
|
42
|
-
display: block;
|
|
43
|
-
}
|
|
44
|
-
.collapse-transition {
|
|
44
|
+
.bk-collapse-transition {
|
|
45
45
|
transition: all 0.3s ease-in-out;
|
|
46
46
|
}
|
|
@@ -23,7 +23,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
} & {
|
|
24
24
|
default: boolean;
|
|
25
25
|
};
|
|
26
|
-
}, () =>
|
|
26
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}>, 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<{
|
|
27
29
|
list: import("vue-types").VueTypeDef<any[]> & {
|
|
28
30
|
default: () => any[];
|
|
29
31
|
};
|
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
@import '../styles/themes/themes.less';
|
|
2
2
|
|
|
3
|
-
.bk-collapse
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
+
}
|
|
7
17
|
|
|
8
|
-
&.is-disabled {
|
|
9
|
-
cursor: not-allowed;
|
|
10
18
|
|
|
11
|
-
.bk-collapse-header {
|
|
12
|
-
color: @disable-color;
|
|
13
|
-
pointer-events: none;
|
|
14
|
-
}
|
|
15
19
|
}
|
|
16
20
|
|
|
17
|
-
|
|
21
|
+
&-header {
|
|
18
22
|
position: relative;
|
|
19
23
|
height: 42px;
|
|
20
24
|
padding: 0 10px;
|
|
@@ -25,22 +29,9 @@
|
|
|
25
29
|
text-overflow: ellipsis;
|
|
26
30
|
cursor: pointer;
|
|
27
31
|
|
|
28
|
-
.bk-collapse-icon {
|
|
29
|
-
position: absolute;
|
|
30
|
-
right: 10px;
|
|
31
|
-
transition: all linear .3s;
|
|
32
|
-
|
|
33
|
-
&.rotate-icon {
|
|
34
|
-
transform: rotate(90deg);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
svg {
|
|
38
|
-
font-size: 20px;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
32
|
}
|
|
42
33
|
|
|
43
|
-
|
|
34
|
+
&-content {
|
|
44
35
|
padding: 0 10px;
|
|
45
36
|
font-size: 13px;
|
|
46
37
|
will-change: all;
|
|
@@ -50,8 +41,22 @@
|
|
|
50
41
|
display: block;
|
|
51
42
|
}
|
|
52
43
|
}
|
|
53
|
-
}
|
|
54
44
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
&-icon {
|
|
46
|
+
position: absolute;
|
|
47
|
+
right: 10px;
|
|
48
|
+
transition: all linear .3s;
|
|
49
|
+
|
|
50
|
+
&.rotate-icon {
|
|
51
|
+
transform: rotate(90deg);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
svg {
|
|
55
|
+
font-size: 20px;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&-transition {
|
|
60
|
+
transition: all .3s ease-in-out;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
color: var(--disable-color);
|
|
124
124
|
pointer-events: none;
|
|
125
125
|
}
|
|
126
|
-
.bk-collapse-
|
|
126
|
+
.bk-collapse-header {
|
|
127
127
|
position: relative;
|
|
128
128
|
height: 42px;
|
|
129
129
|
padding: 0 10px;
|
|
@@ -134,26 +134,26 @@
|
|
|
134
134
|
text-overflow: ellipsis;
|
|
135
135
|
cursor: pointer;
|
|
136
136
|
}
|
|
137
|
-
.bk-collapse-
|
|
137
|
+
.bk-collapse-content {
|
|
138
|
+
padding: 0 10px;
|
|
139
|
+
font-size: 13px;
|
|
140
|
+
will-change: all;
|
|
141
|
+
color: #979ba5;
|
|
142
|
+
}
|
|
143
|
+
.bk-collapse-content.active {
|
|
144
|
+
display: block;
|
|
145
|
+
}
|
|
146
|
+
.bk-collapse-icon {
|
|
138
147
|
position: absolute;
|
|
139
148
|
right: 10px;
|
|
140
149
|
transition: all linear 0.3s;
|
|
141
150
|
}
|
|
142
|
-
.bk-collapse-
|
|
151
|
+
.bk-collapse-icon.rotate-icon {
|
|
143
152
|
transform: rotate(90deg);
|
|
144
153
|
}
|
|
145
|
-
.bk-collapse-
|
|
154
|
+
.bk-collapse-icon svg {
|
|
146
155
|
font-size: 20px;
|
|
147
156
|
}
|
|
148
|
-
.bk-collapse-
|
|
149
|
-
padding: 0 10px;
|
|
150
|
-
font-size: 13px;
|
|
151
|
-
will-change: all;
|
|
152
|
-
color: #979ba5;
|
|
153
|
-
}
|
|
154
|
-
.bk-collapse-item .bk-collapse-content.active {
|
|
155
|
-
display: block;
|
|
156
|
-
}
|
|
157
|
-
.collapse-transition {
|
|
157
|
+
.bk-collapse-transition {
|
|
158
158
|
transition: all 0.3s ease-in-out;
|
|
159
159
|
}
|
package/lib/collapse/index.d.ts
CHANGED
|
@@ -84,7 +84,9 @@ declare const BkCollapse: {
|
|
|
84
84
|
"onAfter-leave"?: (...args: any[]) => any;
|
|
85
85
|
"onBefore-enter"?: (...args: any[]) => any;
|
|
86
86
|
"onItem-click"?: (...args: any[]) => any;
|
|
87
|
-
}, () =>
|
|
87
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
88
|
+
[key: string]: any;
|
|
89
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], string, {
|
|
88
90
|
list: any[];
|
|
89
91
|
idFiled: string;
|
|
90
92
|
titleField: string;
|
|
@@ -140,7 +142,9 @@ declare const BkCollapse: {
|
|
|
140
142
|
"onAfter-leave"?: (...args: any[]) => any;
|
|
141
143
|
"onBefore-enter"?: (...args: any[]) => any;
|
|
142
144
|
"onItem-click"?: (...args: any[]) => any;
|
|
143
|
-
} & import("vue").ShallowUnwrapRef<() =>
|
|
145
|
+
} & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
146
|
+
[key: string]: any;
|
|
147
|
+
}>> & {} & {} & import("vue").ComponentCustomProperties;
|
|
144
148
|
__isFragment?: never;
|
|
145
149
|
__isTeleport?: never;
|
|
146
150
|
__isSuspense?: never;
|
|
@@ -174,7 +178,9 @@ declare const BkCollapse: {
|
|
|
174
178
|
"onAfter-leave"?: (...args: any[]) => any;
|
|
175
179
|
"onBefore-enter"?: (...args: any[]) => any;
|
|
176
180
|
"onItem-click"?: (...args: any[]) => any;
|
|
177
|
-
}, () =>
|
|
181
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
182
|
+
[key: string]: any;
|
|
183
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", {
|
|
178
184
|
list: any[];
|
|
179
185
|
idFiled: string;
|
|
180
186
|
titleField: string;
|
|
@@ -198,6 +204,11 @@ declare const BkCollapse: {
|
|
|
198
204
|
} & {
|
|
199
205
|
default: boolean;
|
|
200
206
|
};
|
|
207
|
+
isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
208
|
+
default: boolean;
|
|
209
|
+
} & {
|
|
210
|
+
default: boolean;
|
|
211
|
+
};
|
|
201
212
|
renderDirective: import("vue-types").VueTypeDef<string> & {
|
|
202
213
|
default: string;
|
|
203
214
|
};
|
|
@@ -223,6 +234,11 @@ declare const BkCollapse: {
|
|
|
223
234
|
} & {
|
|
224
235
|
default: boolean;
|
|
225
236
|
};
|
|
237
|
+
isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
238
|
+
default: boolean;
|
|
239
|
+
} & {
|
|
240
|
+
default: boolean;
|
|
241
|
+
};
|
|
226
242
|
renderDirective: import("vue-types").VueTypeDef<string> & {
|
|
227
243
|
default: string;
|
|
228
244
|
};
|
|
@@ -242,6 +258,7 @@ declare const BkCollapse: {
|
|
|
242
258
|
disabled: boolean;
|
|
243
259
|
modelValue: boolean;
|
|
244
260
|
itemClick: Function;
|
|
261
|
+
isFormList: boolean;
|
|
245
262
|
renderDirective: string;
|
|
246
263
|
}>;
|
|
247
264
|
}>;
|
package/lib/collapse/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o={6870:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o={6870:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{a.r(i),a.d(i,{BkCollapsePanel:()=>p,Collapse:()=>v,default:()=>y});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var o=a(748),n=a(6870),l={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1)},s={itemClick:{type:Function,default:function(){return{}}}},c=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:e.PropTypes.commonType(["if","show"],"render").def("show"),modelValue:e.PropTypes.bool.def(!1)},s),u=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=u(t),n=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,r(o))}else{o.forEach((function(e){n=n.replace(" ".concat(e," ")," ")}));var i=u(n).join(" ");e.setAttribute("class",i)}}}function f(e,t){if(e){var o,n=e.getAttribute("class")||"",a=u(n),i=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,r(i)):(n+=" ".concat(i.join(" ")),e.setAttribute("class",n))}}const p=(0,o.defineComponent)({name:"CollapsePanel",props:c,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var r=t.emit,a=t.slots,i=(0,o.inject)("localActiveItems"),l=(0,o.inject)("handleItemClick"),s=(0,o.ref)(e.modelValue);(0,o.watch)((function(){return e.modelValue}),(function(e){s.value=e})),(0,o.watch)((function(){return i}),(function(t){(null==t?void 0:t.length)&&(s.value=t.includes(e.name))}),{immediate:!0});var c=(0,o.ref)(function(e){return{css:!0,onBeforeEnter:function(e){f(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):e.style.height="0px",e.style.overflow="hidden"},onAfterEnter:function(t){t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,d(t,"collapse-transition"),e("before-enter")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(f(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px")},onAfterLeave:function(t){d(t,"collapse-transition"),t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,e("after-leave")}}}(r));return function(){var t,i,u;return(0,o.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(s.value?"bk-collapse-item-active":"")},[(0,o.createVNode)("div",{onClick:function(){return function(e){var t=e.disabled,o=e.name,n=e.itemClick;if(!t){var a={name:o};n(a),s.value=!s.value,r("change",a),r("update:modelValue",s.value),l({name:o})}}(e)}},[a.header?"function"==typeof a.header?a.header(o.h):a.header:(u=a.default?"function"==typeof a.default?a.default(o.h):a.default:e.title,(0,o.createVNode)("div",{class:"bk-collapse-header"},[(0,o.createVNode)("span",{class:"bk-collapse-title"},[u]),(0,o.createVNode)(n.AngleRight,{class:"bk-collapse-icon ".concat(s.value?"rotate-icon":"")},null)]))]),(0,o.createVNode)(o.Transition,c.value,(i=t="if"!==e.renderDirective||s.value?(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-collapse-content ".concat(s.value?"active":"")},[e.content?e.content:"function"==typeof a.content?a.content(o.h):a.content]),[[o.vShow,s.value]]):"","function"==typeof i||"[object Object]"===Object.prototype.toString.call(i)&&!(0,o.isVNode)(i)?t:{default:function(){return[t]}}))])}}}),v=(0,o.defineComponent)({name:"Collapse",props:l,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var n=t.emit,a=t.slots,i=(0,o.ref)([]);(0,o.watch)((function(){return[e.modelValue]}),(function(){var t=e.modelValue;Array.isArray(t)?i.value=r(t):i.value=void 0!==t?[t]:[]}),{immediate:!0});var l=function(t){var r=t.name;if(e.accordion){var o=i.value.findIndex((function(e){return e===r}));o>=0?i.value.splice(o,1):i.value=[r]}else{var a=i.value.findIndex((function(e){return e===r}));a>=0?i.value.splice(a,1):i.value.push(r)}n("item-click",t),n("update:modelValue",i.value)};(0,o.provide)("localActiveItems",i.value),(0,o.provide)("handleItemClick",l);var s="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){return(0,o.createVNode)("div",{class:s},[(0,o.renderSlot)(a,"default",{props:{isList:!0}})])};var c=(0,o.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,o.createVNode)("div",{class:s},[c.value.map((function(t,r){var n=t[e.idFiled]||r,i=t[e.titleField];return a.title&&(i="function"==typeof a.title?a.title(t):a.title),(0,o.createVNode)(p,{key:r,"item-click":l,disabled:t.disabled,name:n,isFormList:!0,title:i,content:t[e.contentField]},null)}))])}}}),y=(0,e.withInstallProps)(v,{CollapsePanel:p})})(),i})()));
|
package/lib/collapse/props.d.ts
CHANGED
|
@@ -95,6 +95,15 @@ export declare const propsCollapsePanel: {
|
|
|
95
95
|
*/
|
|
96
96
|
default: boolean;
|
|
97
97
|
};
|
|
98
|
+
isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
99
|
+
default: boolean;
|
|
100
|
+
} & {
|
|
101
|
+
/**
|
|
102
|
+
* Content 字段，默认渲染内容，不配置时自动读取 content 字段
|
|
103
|
+
* 自定义配置slot时可以忽略
|
|
104
|
+
*/
|
|
105
|
+
default: boolean;
|
|
106
|
+
};
|
|
98
107
|
renderDirective: import("vue-types").VueTypeDef<string> & {
|
|
99
108
|
/**
|
|
100
109
|
* Content 字段，默认渲染内容，不配置时自动读取 content 字段
|