bkui-vue 0.0.1-beta.142 → 0.0.1-beta.143

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 (22) hide show
  1. package/dist/index.cjs.js +30 -30
  2. package/dist/index.esm.js +193 -71
  3. package/dist/index.umd.js +27 -27
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/collapse/collapse-panel.d.ts +64 -0
  7. package/lib/collapse/collapse.css +10 -10
  8. package/lib/collapse/collapse.d.ts +0 -40
  9. package/lib/collapse/collapse.less +44 -46
  10. package/lib/collapse/collapse.variable.css +10 -10
  11. package/lib/collapse/index.d.ts +68 -1
  12. package/lib/collapse/index.js +1 -1
  13. package/lib/collapse/props.d.ts +114 -0
  14. package/lib/dialog/dialog.d.ts +1 -1
  15. package/lib/dialog/index.d.ts +4 -4
  16. package/lib/modal/index.d.ts +4 -4
  17. package/lib/modal/modal.d.ts +1 -1
  18. package/lib/sideslider/index.d.ts +4 -4
  19. package/lib/sideslider/sideslider.d.ts +1 -1
  20. package/lib/tab/index.d.ts +1 -1
  21. package/lib/tab/tab-panel.d.ts +1 -1
  22. package/package.json +1 -1
package/lib/collapse/collapse-panel.d.ts ADDED
@@ -0,0 +1,64 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ itemClick: {
3
+ type: FunctionConstructor;
4
+ default: () => any;
5
+ };
6
+ name: import("vue-types").VueTypeDef<string | number> & {
7
+ default: string | number;
8
+ };
9
+ title: import("vue-types").VueTypeValidableDef<any>;
10
+ content: import("vue-types").VueTypeValidableDef<string> & {
11
+ default: string;
12
+ };
13
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
14
+ default: boolean;
15
+ } & {
16
+ default: boolean;
17
+ };
18
+ renderDirective: import("vue-types").VueTypeDef<string> & {
19
+ default: string;
20
+ };
21
+ modelValue: import("vue-types").VueTypeValidableDef<boolean> & {
22
+ default: boolean;
23
+ } & {
24
+ default: boolean;
25
+ };
26
+ }, () => 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<{
27
+ itemClick: {
28
+ type: FunctionConstructor;
29
+ default: () => any;
30
+ };
31
+ name: import("vue-types").VueTypeDef<string | number> & {
32
+ default: string | number;
33
+ };
34
+ title: import("vue-types").VueTypeValidableDef<any>;
35
+ content: import("vue-types").VueTypeValidableDef<string> & {
36
+ default: string;
37
+ };
38
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
39
+ default: boolean;
40
+ } & {
41
+ default: boolean;
42
+ };
43
+ renderDirective: import("vue-types").VueTypeDef<string> & {
44
+ default: string;
45
+ };
46
+ modelValue: import("vue-types").VueTypeValidableDef<boolean> & {
47
+ default: boolean;
48
+ } & {
49
+ default: boolean;
50
+ };
51
+ }>> & {
52
+ onChange?: (...args: any[]) => any;
53
+ "onUpdate:modelValue"?: (...args: any[]) => any;
54
+ "onAfter-leave"?: (...args: any[]) => any;
55
+ "onBefore-enter"?: (...args: any[]) => any;
56
+ }, {
57
+ name: string | number;
58
+ content: string;
59
+ disabled: boolean;
60
+ modelValue: boolean;
61
+ itemClick: Function;
62
+ renderDirective: string;
63
+ }>;
64
+ export default _default;
package/lib/collapse/collapse.css CHANGED
@@ -1,16 +1,16 @@
1
- .bk-collapse-wrapper .bk-collapse-item {
1
+ .bk-collapse-item {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  text-align: left;
5
5
  }
6
- .bk-collapse-wrapper .bk-collapse-item.is-disabled {
6
+ .bk-collapse-item.is-disabled {
7
7
  cursor: not-allowed;
8
8
  }
9
- .bk-collapse-wrapper .bk-collapse-item.is-disabled .bk-collapse-header {
9
+ .bk-collapse-item.is-disabled .bk-collapse-header {
10
10
  color: #dcdee5;
11
11
  pointer-events: none;
12
12
  }
13
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
13
+ .bk-collapse-item .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-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
24
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
25
25
  position: absolute;
26
26
  right: 10px;
27
27
  transition: all linear 0.3s;
28
28
  }
29
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
29
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
30
30
  transform: rotate(90deg);
31
31
  }
32
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
32
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
33
33
  font-size: 20px;
34
34
  }
35
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
35
+ .bk-collapse-item .bk-collapse-content {
36
36
  padding: 0 10px;
37
37
  font-size: 13px;
38
38
  will-change: all;
39
39
  color: #979ba5;
40
40
  }
41
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {
41
+ .bk-collapse-item .bk-collapse-content.active {
42
42
  display: block;
43
43
  }
44
- .bk-collapse-wrapper .collapse-transition {
44
+ .collapse-transition {
45
45
  transition: all 0.3s ease-in-out;
46
46
  }
package/lib/collapse/collapse.d.ts CHANGED
@@ -1,88 +1,48 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
- /**
3
- * 渲染列表
4
- * 对象数组或者字符串数组，字符串数组默认会增加 name 字段，值为传入的字符串值
5
- */
6
2
  list: import("vue-types").VueTypeDef<any[]> & {
7
3
  default: () => any[];
8
4
  };
9
- /**
10
- * ID字段
11
- */
12
5
  idFiled: import("vue-types").VueTypeValidableDef<string> & {
13
6
  default: string;
14
7
  } & {
15
8
  default: string;
16
9
  };
17
- /**
18
- * Title 字段
19
- */
20
10
  titleField: import("vue-types").VueTypeValidableDef<string> & {
21
11
  default: string;
22
12
  } & {
23
13
  default: string;
24
14
  };
25
- /**
26
- * Content 字段，默认渲染内容，不配置时自动读取 content 字段
27
- * 自定义配置slot时可以忽略
28
- */
29
15
  contentField: import("vue-types").VueTypeValidableDef<string> & {
30
16
  default: string;
31
17
  } & {
32
18
  default: string;
33
19
  };
34
- /**
35
- * 当前激活Index
36
- */
37
20
  modelValue: import("vue-types").VueTypeDef<number | string[] | number[]>;
38
- /**
39
- * 是否使用手风琴效果
40
- */
41
21
  accordion: import("vue-types").VueTypeValidableDef<boolean> & {
42
22
  default: boolean;
43
23
  } & {
44
24
  default: boolean;
45
25
  };
46
26
  }, () => JSX.Element, 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<{
47
- /**
48
- * 渲染列表
49
- * 对象数组或者字符串数组，字符串数组默认会增加 name 字段，值为传入的字符串值
50
- */
51
27
  list: import("vue-types").VueTypeDef<any[]> & {
52
28
  default: () => any[];
53
29
  };
54
- /**
55
- * ID字段
56
- */
57
30
  idFiled: import("vue-types").VueTypeValidableDef<string> & {
58
31
  default: string;
59
32
  } & {
60
33
  default: string;
61
34
  };
62
- /**
63
- * Title 字段
64
- */
65
35
  titleField: import("vue-types").VueTypeValidableDef<string> & {
66
36
  default: string;
67
37
  } & {
68
38
  default: string;
69
39
  };
70
- /**
71
- * Content 字段，默认渲染内容，不配置时自动读取 content 字段
72
- * 自定义配置slot时可以忽略
73
- */
74
40
  contentField: import("vue-types").VueTypeValidableDef<string> & {
75
41
  default: string;
76
42
  } & {
77
43
  default: string;
78
44
  };
79
- /**
80
- * 当前激活Index
81
- */
82
45
  modelValue: import("vue-types").VueTypeDef<number | string[] | number[]>;
83
- /**
84
- * 是否使用手风琴效果
85
- */
86
46
  accordion: import("vue-types").VueTypeValidableDef<boolean> & {
87
47
  default: boolean;
88
48
  } & {
package/lib/collapse/collapse.less CHANGED
@@ -1,59 +1,57 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .bk-collapse-wrapper {
4
- .bk-collapse-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-collapse-item {
4
+ display: flex;
5
+ flex-direction: column;
6
+ text-align: left;
7
+
8
+ &.is-disabled {
9
+ cursor: not-allowed;
17
10
 
18
11
  .bk-collapse-header {
19
- position: relative;
20
- height: 42px;
21
- padding: 0 10px;
22
- overflow: hidden;
23
- font-size: 14px;
24
- line-height: 42px;
25
- color: #63656e;
26
- text-overflow: ellipsis;
27
- cursor: pointer;
28
-
29
- .bk-collapse-icon {
30
- position: absolute;
31
- right: 10px;
32
- transition: all linear .3s;
33
-
34
- &.rotate-icon {
35
- transform: rotate(90deg);
36
- }
37
-
38
- svg {
39
- font-size: 20px;
40
- }
41
- }
12
+ color: @disable-color;
13
+ pointer-events: none;
42
14
  }
15
+ }
43
16
 
44
- .bk-collapse-content {
45
- padding: 0 10px;
46
- font-size: 13px;
47
- will-change: all;
48
- color: #979ba5;
17
+ .bk-collapse-header {
18
+ position: relative;
19
+ height: 42px;
20
+ padding: 0 10px;
21
+ overflow: hidden;
22
+ font-size: 14px;
23
+ line-height: 42px;
24
+ color: #63656e;
25
+ text-overflow: ellipsis;
26
+ cursor: pointer;
27
+
28
+ .bk-collapse-icon {
29
+ position: absolute;
30
+ right: 10px;
31
+ transition: all linear .3s;
32
+
33
+ &.rotate-icon {
34
+ transform: rotate(90deg);
35
+ }
49
36
 
50
- &.active {
51
- display: block;
37
+ svg {
38
+ font-size: 20px;
52
39
  }
53
40
  }
54
41
  }
55
42
 
56
- .collapse-transition {
57
- transition: all .3s ease-in-out;
43
+ .bk-collapse-content {
44
+ padding: 0 10px;
45
+ font-size: 13px;
46
+ will-change: all;
47
+ color: #979ba5;
48
+
49
+ &.active {
50
+ display: block;
51
+ }
58
52
  }
59
53
  }
54
+
55
+ .collapse-transition {
56
+ transition: all .3s ease-in-out;
57
+ }
package/lib/collapse/collapse.variable.css CHANGED
@@ -111,19 +111,19 @@
111
111
  --cascader-panel-active: #f4f6fa;
112
112
  --cascader-panel-disabled-bg: #fff;
113
113
  }
114
- .bk-collapse-wrapper .bk-collapse-item {
114
+ .bk-collapse-item {
115
115
  display: flex;
116
116
  flex-direction: column;
117
117
  text-align: left;
118
118
  }
119
- .bk-collapse-wrapper .bk-collapse-item.is-disabled {
119
+ .bk-collapse-item.is-disabled {
120
120
  cursor: not-allowed;
121
121
  }
122
- .bk-collapse-wrapper .bk-collapse-item.is-disabled .bk-collapse-header {
122
+ .bk-collapse-item.is-disabled .bk-collapse-header {
123
123
  color: var(--disable-color);
124
124
  pointer-events: none;
125
125
  }
126
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
126
+ .bk-collapse-item .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-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
137
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
138
138
  position: absolute;
139
139
  right: 10px;
140
140
  transition: all linear 0.3s;
141
141
  }
142
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
142
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
143
143
  transform: rotate(90deg);
144
144
  }
145
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
145
+ .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
146
146
  font-size: 20px;
147
147
  }
148
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
148
+ .bk-collapse-item .bk-collapse-content {
149
149
  padding: 0 10px;
150
150
  font-size: 13px;
151
151
  will-change: all;
152
152
  color: #979ba5;
153
153
  }
154
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {
154
+ .bk-collapse-item .bk-collapse-content.active {
155
155
  display: block;
156
156
  }
157
- .bk-collapse-wrapper .collapse-transition {
157
+ .collapse-transition {
158
158
  transition: all 0.3s ease-in-out;
159
159
  }
package/lib/collapse/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import Collapse from './collapse';
2
+ import CollapsePanel from './collapse-panel';
1
3
  declare const BkCollapse: {
2
4
  new (...args: any[]): {
3
5
  $: import("vue").ComponentInternalInstance;
@@ -178,5 +180,70 @@ declare const BkCollapse: {
178
180
  titleField: string;
179
181
  contentField: string;
180
182
  accordion: boolean;
181
- }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
183
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
184
+ CollapsePanel: import("vue").DefineComponent<{
185
+ itemClick: {
186
+ type: FunctionConstructor;
187
+ default: () => any;
188
+ };
189
+ name: import("vue-types").VueTypeDef<string | number> & {
190
+ default: string | number;
191
+ };
192
+ title: import("vue-types").VueTypeValidableDef<any>;
193
+ content: import("vue-types").VueTypeValidableDef<string> & {
194
+ default: string;
195
+ };
196
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
197
+ default: boolean;
198
+ } & {
199
+ default: boolean;
200
+ };
201
+ renderDirective: import("vue-types").VueTypeDef<string> & {
202
+ default: string;
203
+ };
204
+ modelValue: import("vue-types").VueTypeValidableDef<boolean> & {
205
+ default: boolean;
206
+ } & {
207
+ default: boolean;
208
+ };
209
+ }, () => 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<{
210
+ itemClick: {
211
+ type: FunctionConstructor;
212
+ default: () => any;
213
+ };
214
+ name: import("vue-types").VueTypeDef<string | number> & {
215
+ default: string | number;
216
+ };
217
+ title: import("vue-types").VueTypeValidableDef<any>;
218
+ content: import("vue-types").VueTypeValidableDef<string> & {
219
+ default: string;
220
+ };
221
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
222
+ default: boolean;
223
+ } & {
224
+ default: boolean;
225
+ };
226
+ renderDirective: import("vue-types").VueTypeDef<string> & {
227
+ default: string;
228
+ };
229
+ modelValue: import("vue-types").VueTypeValidableDef<boolean> & {
230
+ default: boolean;
231
+ } & {
232
+ default: boolean;
233
+ };
234
+ }>> & {
235
+ onChange?: (...args: any[]) => any;
236
+ "onUpdate:modelValue"?: (...args: any[]) => any;
237
+ "onAfter-leave"?: (...args: any[]) => any;
238
+ "onBefore-enter"?: (...args: any[]) => any;
239
+ }, {
240
+ name: string | number;
241
+ content: string;
242
+ disabled: boolean;
243
+ modelValue: boolean;
244
+ itemClick: Function;
245
+ renderDirective: string;
246
+ }>;
247
+ }>;
248
+ export { Collapse, CollapsePanel as BkCollapsePanel, };
182
249
  export default BkCollapse;
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={7685:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{i.r(l),i.d(l,{default:()=>d});var e=i(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=i(748),n=i(7685),a=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function s(e,t){if(e&&t){var o=a(t),n=e.getAttribute("class")||"";if(e.classList){var i;(i=e.classList).remove.apply(i,r(o))}else{o.forEach((function(e){n=n.replace(" ".concat(e," ")," ")}));var l=a(n).join(" ");e.setAttribute("class",l)}}}function c(e,t){if(e){var o,n=e.getAttribute("class")||"",i=a(n),l=(t||"").split(" ").filter((function(e){return!i.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,r(l)):(n+=" ".concat(l.join(" ")),e.setAttribute("class",n))}}const u=(0,o.defineComponent)({name:"Collapse",props:{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)},emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var i=t.emit,l=t.slots,a=(0,o.ref)([]),u=(0,o.ref)(function(e){return{css:!0,onBeforeEnter:function(e){c(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,s(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&&(c(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px")},onAfterLeave:function(t){s(t,"collapse-transition"),t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,e("after-leave")}}}(i));(0,o.watch)((function(){return[e.modelValue]}),(function(){var t=e.modelValue;Array.isArray(t)?a.value=r(t):a.value=void 0!==t?[t]:[]}),{immediate:!0});var d=(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)}))})),f=function(t){return a.value.includes(t[e.idFiled])};return function(){return(0,o.createVNode)("div",{class:"bk-collapse-wrapper"},[d.value.map((function(t){var r,s,c,d;return(0,o.createVNode)("div",{class:"bk-collapse-item ".concat(t.disabled?"is-disabled":""," ").concat(f(t)?"bk-collapse-item-active":"")},[(0,o.createVNode)("div",{class:"bk-collapse-header",onClick:function(){return function(t){if(!t.disabled){if(e.accordion){var r=a.value.findIndex((function(r){return r===t[e.idFiled]}));r>=0?a.value.splice(r,1):a.value=[t[e.idFiled]]}else{var o=a.value.findIndex((function(r){return r===t[e.idFiled]}));o>=0?a.value.splice(o,1):a.value.push(t[e.idFiled])}i("item-click",t),i("update:modelValue",a.value)}}(t)}},[(0,o.createVNode)("span",{class:"bk-collapse-title"},[null!==(s=null===(r=l.default)||void 0===r?void 0:r.call(l,t))&&void 0!==s?s:t[e.titleField]]),(0,o.createVNode)(n.AngleRight,{class:"bk-collapse-icon ".concat(f(t)?"rotate-icon":"")},null)]),(0,o.createVNode)(o.Transition,u.value,{default:function(){return[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-collapse-content ".concat(f(t)?"active":"")},[null!==(d=null===(c=l.content)||void 0===c?void 0:c.call(l,t))&&void 0!==d?d:t[e.contentField]]),[[o.vShow,f(t)]])]}})])}))])}}}),d=(0,e.withInstall)(u)})(),l})()));
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 l={};return(()=>{a.r(l),a.d(l,{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),i={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),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 f(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 l=u(n).join(" ");e.setAttribute("class",l)}}}function d(e,t){if(e){var o,n=e.getAttribute("class")||"",a=u(n),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,r(l)):(n+=" ".concat(l.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,l=(0,o.inject)("localActiveItems"),i=(0,o.ref)(e.modelValue);(0,o.watch)((function(){return e.modelValue}),(function(e){i.value=e})),(0,o.watch)((function(){return l}),(function(t){(null==t?void 0:t.length)&&(i.value=t.includes(e.name))}),{immediate:!0});var s=(0,o.ref)(function(e){return{css:!0,onBeforeEnter:function(e){d(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,f(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&&(d(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px")},onAfterLeave:function(t){f(t,"collapse-transition"),t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,e("after-leave")}}}(r)),c=e.content;return function(){var t,l,u;return(0,o.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(i.value?"bk-collapse-item-active":"")},[(0,o.createVNode)("div",{class:"bk-collapse-header",onClick:function(){return function(e){var t=e.disabled,o=e.name,n=e.itemClick;if(!t){var a={name:o};n(a),i.value=!i.value,r("change",a),r("update:modelValue",i.value)}}(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)(o.Fragment,null,[(0,o.createVNode)("span",{class:"bk-collapse-title"},[u]),(0,o.createVNode)(n.AngleRight,{class:"bk-collapse-icon ".concat(i.value?"rotate-icon":"")},null)]))]),(0,o.createVNode)(o.Transition,s.value,(l=t="if"!==e.renderDirective||i.value?(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-collapse-content ".concat(i.value?"active":"")},[c||("function"==typeof a.content?a.content(o.h):a.content)]),[[o.vShow,i.value]]):"","function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!(0,o.isVNode)(l)?t:{default:function(){return[t]}}))])}}}),v=(0,o.defineComponent)({name:"Collapse",props:i,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var n=t.emit,a=t.slots,l=(0,o.ref)([]);(0,o.watch)((function(){return[e.modelValue]}),(function(){var t=e.modelValue;Array.isArray(t)?l.value=r(t):l.value=void 0!==t?[t]:[]}),{immediate:!0}),(0,o.provide)("localActiveItems",l.value);var i=function(t){var r=t.name;if(e.accordion){var o=l.value.findIndex((function(e){return e===r}));o>=0?l.value.splice(o,1):l.value=[r]}else{var a=l.value.findIndex((function(e){return e===r}));a>=0?l.value.splice(a,1):l.value.push(r)}n("item-click",t),n("update:modelValue",l.value)},s="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){var e;return(0,o.createVNode)("div",{class:s},[null===(e=a.default)||void 0===e?void 0:e.call(a)])};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,l=t[e.titleField];return a.title&&(l="function"==typeof a.title?a.title(t):a.title),(0,o.createVNode)(p,{key:r,"item-click":i,disabled:t.disabled,name:n,title:l,content:t[e.contentField]},null)}))])}}}),y=(0,e.withInstallProps)(v,{CollapsePanel:p})})(),l})()));
package/lib/collapse/props.d.ts ADDED
@@ -0,0 +1,114 @@
1
+ export declare const propsCollapse: {
2
+ /**
3
+ * 渲染列表
4
+ * 对象数组或者字符串数组，字符串数组默认会增加 name 字段，值为传入的字符串值
5
+ */
6
+ list: import("vue-types").VueTypeDef<any[]> & {
7
+ /**
8
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
9
+ * 自定义配置slot时可以忽略
10
+ */
11
+ default: () => any[];
12
+ };
13
+ /**
14
+ * ID字段
15
+ */
16
+ idFiled: import("vue-types").VueTypeValidableDef<string> & {
17
+ default: string;
18
+ } & {
19
+ /**
20
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
21
+ * 自定义配置slot时可以忽略
22
+ */
23
+ default: string;
24
+ };
25
+ /**
26
+ * Title 字段
27
+ */
28
+ titleField: import("vue-types").VueTypeValidableDef<string> & {
29
+ default: string;
30
+ } & {
31
+ /**
32
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
33
+ * 自定义配置slot时可以忽略
34
+ */
35
+ default: string;
36
+ };
37
+ /**
38
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
39
+ * 自定义配置slot时可以忽略
40
+ */
41
+ contentField: import("vue-types").VueTypeValidableDef<string> & {
42
+ default: string;
43
+ } & {
44
+ /**
45
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
46
+ * 自定义配置slot时可以忽略
47
+ */
48
+ default: string;
49
+ };
50
+ /**
51
+ * 当前激活Index
52
+ */
53
+ modelValue: import("vue-types").VueTypeDef<number | string[] | number[]>;
54
+ /**
55
+ * 是否使用手风琴效果
56
+ */
57
+ accordion: import("vue-types").VueTypeValidableDef<boolean> & {
58
+ default: boolean;
59
+ } & {
60
+ /**
61
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
62
+ * 自定义配置slot时可以忽略
63
+ */
64
+ default: boolean;
65
+ };
66
+ };
67
+ export declare const CollapsePanelEventProps: {
68
+ itemClick: {
69
+ type: FunctionConstructor;
70
+ default: () => any;
71
+ };
72
+ };
73
+ export declare const propsCollapsePanel: {
74
+ itemClick: {
75
+ type: FunctionConstructor;
76
+ default: () => any;
77
+ };
78
+ name: import("vue-types").VueTypeDef<string | number> & {
79
+ /**
80
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
81
+ * 自定义配置slot时可以忽略
82
+ */
83
+ default: string | number;
84
+ };
85
+ title: import("vue-types").VueTypeValidableDef<any>;
86
+ content: import("vue-types").VueTypeValidableDef<string> & {
87
+ default: string;
88
+ };
89
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
90
+ default: boolean;
91
+ } & {
92
+ /**
93
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
94
+ * 自定义配置slot时可以忽略
95
+ */
96
+ default: boolean;
97
+ };
98
+ renderDirective: import("vue-types").VueTypeDef<string> & {
99
+ /**
100
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
101
+ * 自定义配置slot时可以忽略
102
+ */
103
+ default: string;
104
+ };
105
+ modelValue: import("vue-types").VueTypeValidableDef<boolean> & {
106
+ default: boolean;
107
+ } & {
108
+ /**
109
+ * Content 字段，默认渲染内容，不配置时自动读取 content 字段
110
+ * 自定义配置slot时可以忽略
111
+ */
112
+ default: boolean;
113
+ };
114
+ };
package/lib/dialog/dialog.d.ts CHANGED
@@ -294,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
294
294
  direction: string;
295
295
  maxHeight: string;
296
296
  isShow: boolean;
297
- transfer: boolean;
298
297
  renderDirective: string;
298
+ transfer: boolean;
299
299
  dialogType: string;
300
300
  quickClose: boolean;
301
301
  scrollable: boolean;
package/lib/dialog/index.d.ts CHANGED
@@ -15,8 +15,8 @@ declare const BkDialog: {
15
15
  direction: string;
16
16
  maxHeight: string;
17
17
  isShow: boolean;
18
- transfer: boolean;
19
18
  renderDirective: string;
19
+ transfer: boolean;
20
20
  dialogType: string;
21
21
  quickClose: boolean;
22
22
  scrollable: boolean;
@@ -170,7 +170,7 @@ declare const BkDialog: {
170
170
  onNext?: (...args: any[]) => any;
171
171
  onClosed?: (...args: any[]) => any;
172
172
  "onValue-change"?: (...args: any[]) => any;
173
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "theme" | "extCls" | "width" | "height" | "draggable" | "size" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "dialogType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
173
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "theme" | "extCls" | "width" | "height" | "draggable" | "size" | "direction" | "maxHeight" | "isShow" | "renderDirective" | "transfer" | "dialogType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
174
174
  $attrs: {
175
175
  [x: string]: unknown;
176
176
  };
@@ -350,8 +350,8 @@ declare const BkDialog: {
350
350
  direction: string;
351
351
  maxHeight: string;
352
352
  isShow: boolean;
353
- transfer: boolean;
354
353
  renderDirective: string;
354
+ transfer: boolean;
355
355
  dialogType: string;
356
356
  quickClose: boolean;
357
357
  scrollable: boolean;
@@ -711,8 +711,8 @@ declare const BkDialog: {
711
711
  direction: string;
712
712
  maxHeight: string;
713
713
  isShow: boolean;
714
- transfer: boolean;
715
714
  renderDirective: string;
715
+ transfer: boolean;
716
716
  dialogType: string;
717
717
  quickClose: boolean;
718
718
  scrollable: boolean;