bkui-vue 0.0.1-beta.408 → 0.0.1-beta.409
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 +28 -28
- package/dist/index.esm.js +89 -93
- package/dist/index.umd.js +29 -29
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/card/index.js +1 -1
- package/lib/cascader/cascader.d.ts +1 -1
- package/lib/cascader/index.d.ts +4 -4
- package/lib/collapse/collapse-panel.d.ts +2 -2
- package/lib/collapse/collapse.d.ts +2 -2
- package/lib/collapse/index.d.ts +9 -9
- package/lib/collapse/index.js +1 -1
- package/lib/collapse-transition/collapse-transition.css +93 -0
- package/lib/collapse-transition/collapse-transition.d.ts +15 -0
- package/lib/collapse-transition/collapse-transition.less +111 -0
- package/lib/collapse-transition/collapse-transition.variable.css +213 -0
- package/lib/collapse-transition/index.d.ts +2 -0
- package/lib/collapse-transition/index.js +1 -0
- package/lib/icon/img-error.js +1 -0
- package/lib/icon/index.js +1 -1
- package/lib/search-select/index.js +1 -1
- package/lib/select/index.d.ts +4 -4
- package/lib/select/select.d.ts +1 -1
- package/lib/styles/index.d.ts +1 -0
- package/lib/tree/index.js +1 -1
- package/package.json +2 -2
- package/lib/icon/image-fill.js +0 -1
package/lib/card/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../icon"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","../input"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../icon"),require("../input")):o(e["../shared"],e.vue,e["../icon"],e["../input"]);for(var
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon","../input"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"),require("../input")):o(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"],e["../input"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t,r,l)=>(()=>{"use strict";var i={9891:e=>{e.exports=t},6870:e=>{e.exports=r},8133:e=>{e.exports=l},4212:o=>{o.exports=e},748:e=>{e.exports=o}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var t=s[e]={exports:{}};return i[e](t,t.exports,n),t.exports}n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>p});var e=n(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=n(748),r=n(9891),l=n.n(r),i=n(6870),s=n(8133),c=n.n(s);const d=(0,t.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),disableHeaderStyle:e.PropTypes.bool.def(!1),position:e.PropTypes.string.def("left"),isEdit:e.PropTypes.bool.def(!1),isCollapse:e.PropTypes.bool.def(!1)},emits:["update:collapseStatus","edit"],setup:function(e,o){var r=o.emit,l=(0,t.ref)(!0),i=(0,t.ref)(!1),s=(0,t.ref)("");return(0,t.watch)((function(){return e.collapseStatus}),(function(o){e.isCollapse&&(l.value=o)}),{immediate:!0}),(0,t.watch)((function(){return e.title}),(function(e){s.value=e}),{immediate:!0}),{collapseActive:l,showInput:i,renderTitle:s,handleCollapse:function(){e.isCollapse&&(l.value=!l.value,r("update:collapseStatus",l.value))},saveEdit:function(){i.value=!i.value,r("edit",s)},clickEdit:function(){i.value=!i.value}}},render:function(){var r,s,n,a,d,p,u,f,v,h,b,y,m,T,w=this,x="bk-card",P=(0,e.classes)((o(r={},"".concat(x),!0),o(r,"".concat(x,"-border-none"),!this.$props.border),r),""),V=(0,e.classes)((o(s={},"".concat(x,"-head"),!0),o(s,"".concat(x,"-head-").concat(this.$props.position),this.$props.isCollapse&&this.$props.position),o(s,"no-line-height",this.$props.disableHeaderStyle),o(s,"collapse",!this.collapseActive),s),""),$=(0,t.createVNode)("div",{class:"title",title:this.renderTitle},[this.showInput?(0,t.createVNode)(c(),{class:"".concat(x,"-input"),modelValue:w.renderTitle,"onUpdate:modelValue":function(e){return w.renderTitle=e},onBlur:this.saveEdit},null):this.renderTitle]),g=(0,t.createVNode)("span",{class:"".concat(x,"-icon"),onClick:this.handleCollapse},[this.collapseActive?(0,t.createVNode)(i.AngleDown,null,null):(0,t.createVNode)(i.AngleRight,null,null)]);return(0,t.createVNode)("div",{class:P},[this.$props.showHeader?(0,t.createVNode)("div",{class:V},[this.$props.isCollapse&&(null!==(d=null===(a=(n=this.$slots).icon)||void 0===a?void 0:a.call(n))&&void 0!==d?d:g),null!==(f=null===(u=(p=this.$slots).header)||void 0===u?void 0:u.call(p))&&void 0!==f?f:$,this.$props.isEdit&&!this.showInput&&(0,t.createVNode)(i.EditLine,{class:"".concat(x,"-edit"),onClick:this.clickEdit},null)]):"",(0,t.createVNode)(l(),null,{default:function(){return[(0,t.withDirectives)((0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"".concat(x,"-body")},[null!==(b=null===(h=(v=w.$slots).default)||void 0===h?void 0:h.call(v))&&void 0!==b?b:"Content"]),w.$props.showFooter?(0,t.createVNode)("div",{class:"".concat(x,"-footer")},[null!==(T=null===(m=(y=w.$slots).footer)||void 0===m?void 0:m.call(y))&&void 0!==T?T:"Footer"]):""]),[[t.vShow,w.collapseActive]])]}})])}}),p=(0,e.withInstall)(d)})(),a})()));
|
@@ -287,6 +287,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
287
287
|
list: unknown[];
|
288
288
|
extCls: string;
|
289
289
|
placeholder: string;
|
290
|
+
scrollHeight: string | number;
|
290
291
|
clearable: boolean;
|
291
292
|
checkAnyLevel: boolean;
|
292
293
|
filterable: boolean;
|
@@ -297,7 +298,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
297
298
|
remoteMethod: (...args: any[]) => any;
|
298
299
|
showCompleteName: boolean;
|
299
300
|
limitOneLine: boolean;
|
300
|
-
scrollHeight: string | number;
|
301
301
|
scrollWidth: string | number;
|
302
302
|
}>;
|
303
303
|
export default _default;
|
package/lib/cascader/index.d.ts
CHANGED
@@ -11,6 +11,7 @@ declare const BkCascader: {
|
|
11
11
|
list: unknown[];
|
12
12
|
extCls: string;
|
13
13
|
placeholder: string;
|
14
|
+
scrollHeight: string | number;
|
14
15
|
clearable: boolean;
|
15
16
|
checkAnyLevel: boolean;
|
16
17
|
filterable: boolean;
|
@@ -21,7 +22,6 @@ declare const BkCascader: {
|
|
21
22
|
remoteMethod: (...args: any[]) => any;
|
22
23
|
showCompleteName: boolean;
|
23
24
|
limitOneLine: boolean;
|
24
|
-
scrollHeight: string | number;
|
25
25
|
scrollWidth: string | number;
|
26
26
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
27
27
|
modelValue: import("vue-types").VueTypeDef<(string | number | string[])[]>;
|
@@ -119,7 +119,7 @@ declare const BkCascader: {
|
|
119
119
|
onClear?: (...args: any[]) => any;
|
120
120
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
121
121
|
onToggle?: (...args: any[]) => any;
|
122
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "trigger" | "disabled" | "separator" | "multiple" | "list" | "extCls" | "placeholder" | "clearable" | "checkAnyLevel" | "filterable" | "idKey" | "nameKey" | "childrenKey" | "isRemote" | "remoteMethod" | "showCompleteName" | "limitOneLine" | "
|
122
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "trigger" | "disabled" | "separator" | "multiple" | "list" | "extCls" | "placeholder" | "scrollHeight" | "clearable" | "checkAnyLevel" | "filterable" | "idKey" | "nameKey" | "childrenKey" | "isRemote" | "remoteMethod" | "showCompleteName" | "limitOneLine" | "scrollWidth">;
|
123
123
|
$attrs: {
|
124
124
|
[x: string]: unknown;
|
125
125
|
};
|
@@ -330,6 +330,7 @@ declare const BkCascader: {
|
|
330
330
|
list: unknown[];
|
331
331
|
extCls: string;
|
332
332
|
placeholder: string;
|
333
|
+
scrollHeight: string | number;
|
333
334
|
clearable: boolean;
|
334
335
|
checkAnyLevel: boolean;
|
335
336
|
filterable: boolean;
|
@@ -340,7 +341,6 @@ declare const BkCascader: {
|
|
340
341
|
remoteMethod: (...args: any[]) => any;
|
341
342
|
showCompleteName: boolean;
|
342
343
|
limitOneLine: boolean;
|
343
|
-
scrollHeight: string | number;
|
344
344
|
scrollWidth: string | number;
|
345
345
|
}> & {
|
346
346
|
beforeCreate?: (() => void) | (() => void)[];
|
@@ -752,6 +752,7 @@ declare const BkCascader: {
|
|
752
752
|
list: unknown[];
|
753
753
|
extCls: string;
|
754
754
|
placeholder: string;
|
755
|
+
scrollHeight: string | number;
|
755
756
|
clearable: boolean;
|
756
757
|
checkAnyLevel: boolean;
|
757
758
|
filterable: boolean;
|
@@ -762,7 +763,6 @@ declare const BkCascader: {
|
|
762
763
|
remoteMethod: (...args: any[]) => any;
|
763
764
|
showCompleteName: boolean;
|
764
765
|
limitOneLine: boolean;
|
765
|
-
scrollHeight: string | number;
|
766
766
|
scrollWidth: string | number;
|
767
767
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
|
768
768
|
CascaderPanel: import("vue").DefineComponent<{
|
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
30
30
|
} & {
|
31
31
|
default: boolean;
|
32
32
|
};
|
33
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "
|
33
|
+
}, () => 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<{
|
34
34
|
itemClick: {
|
35
35
|
type: FunctionConstructor;
|
36
36
|
};
|
@@ -65,8 +65,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
65
65
|
}>> & {
|
66
66
|
onChange?: (...args: any[]) => any;
|
67
67
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
68
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
69
68
|
"onAfter-leave"?: (...args: any[]) => any;
|
69
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
70
70
|
}, {
|
71
71
|
name: string | number;
|
72
72
|
content: string;
|
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
25
25
|
};
|
26
26
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
27
27
|
[key: string]: any;
|
28
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
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<{
|
29
29
|
list: import("vue-types").VueTypeDef<any[]> & {
|
30
30
|
default: () => any[];
|
31
31
|
};
|
@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
52
52
|
};
|
53
53
|
}>> & {
|
54
54
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
55
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
56
55
|
"onAfter-leave"?: (...args: any[]) => any;
|
56
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
57
57
|
"onItem-click"?: (...args: any[]) => any;
|
58
58
|
}, {
|
59
59
|
list: any[];
|
package/lib/collapse/index.d.ts
CHANGED
@@ -39,8 +39,8 @@ declare const BkCollapse: {
|
|
39
39
|
};
|
40
40
|
}>> & {
|
41
41
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
42
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
43
42
|
"onAfter-leave"?: (...args: any[]) => any;
|
43
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
44
44
|
"onItem-click"?: (...args: any[]) => any;
|
45
45
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion">;
|
46
46
|
$attrs: {
|
@@ -54,7 +54,7 @@ declare const BkCollapse: {
|
|
54
54
|
}>;
|
55
55
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
56
56
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
57
|
-
$emit: (event: "update:modelValue" | "
|
57
|
+
$emit: (event: "update:modelValue" | "after-leave" | "before-enter" | "item-click", ...args: any[]) => void;
|
58
58
|
$el: any;
|
59
59
|
$options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
60
60
|
list: import("vue-types").VueTypeDef<any[]> & {
|
@@ -83,12 +83,12 @@ declare const BkCollapse: {
|
|
83
83
|
};
|
84
84
|
}>> & {
|
85
85
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
86
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
87
86
|
"onAfter-leave"?: (...args: any[]) => any;
|
87
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
88
88
|
"onItem-click"?: (...args: any[]) => any;
|
89
89
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
90
90
|
[key: string]: any;
|
91
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
91
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], string, {
|
92
92
|
list: any[];
|
93
93
|
idFiled: string;
|
94
94
|
titleField: string;
|
@@ -141,8 +141,8 @@ declare const BkCollapse: {
|
|
141
141
|
};
|
142
142
|
}>> & {
|
143
143
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
144
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
145
144
|
"onAfter-leave"?: (...args: any[]) => any;
|
145
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
146
146
|
"onItem-click"?: (...args: any[]) => any;
|
147
147
|
} & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
148
148
|
[key: string]: any;
|
@@ -177,12 +177,12 @@ declare const BkCollapse: {
|
|
177
177
|
};
|
178
178
|
}>> & {
|
179
179
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
180
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
181
180
|
"onAfter-leave"?: (...args: any[]) => any;
|
181
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
182
182
|
"onItem-click"?: (...args: any[]) => any;
|
183
183
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
184
184
|
[key: string]: any;
|
185
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
185
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", {
|
186
186
|
list: any[];
|
187
187
|
idFiled: string;
|
188
188
|
titleField: string;
|
@@ -221,7 +221,7 @@ declare const BkCollapse: {
|
|
221
221
|
} & {
|
222
222
|
default: boolean;
|
223
223
|
};
|
224
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "
|
224
|
+
}, () => 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<{
|
225
225
|
itemClick: {
|
226
226
|
type: FunctionConstructor;
|
227
227
|
};
|
@@ -256,8 +256,8 @@ declare const BkCollapse: {
|
|
256
256
|
}>> & {
|
257
257
|
onChange?: (...args: any[]) => any;
|
258
258
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
259
|
-
"onBefore-enter"?: (...args: any[]) => any;
|
260
259
|
"onAfter-leave"?: (...args: any[]) => any;
|
260
|
+
"onBefore-enter"?: (...args: any[]) => any;
|
261
261
|
}, {
|
262
262
|
name: string | number;
|
263
263
|
content: string;
|
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
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon")):t(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={9891:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{l.r(i),l.d(i,{BkCollapsePanel:()=>d,Collapse:()=>p,default:()=>f});var e=l(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}var r=l(748),o=l(9891),n=l.n(o),a=l(6870),c={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)},u={itemClick:{type:Function}},s=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:(0,e.renderDirectiveType)(),modelValue:e.PropTypes.bool.def(!1),alone:e.PropTypes.bool.def(!1)},u);const d=(0,r.defineComponent)({name:"CollapsePanel",props:s,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var o=t.emit,l=t.slots,i=null,c=null,u=(0,r.ref)(e.modelValue);return(0,r.watch)((function(){return e.modelValue}),(function(e){u.value=e})),e.alone||(i=(0,r.inject)("localActiveItems"),c=(0,r.inject)("handleItemClick"),(0,r.watch)(i,(function(t){(null==t?void 0:t.length)&&(u.value=t.includes(e.name))}),{immediate:!0})),function(){var t,i,s;return(0,r.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(u.value?"bk-collapse-item-active":"")},[(0,r.createVNode)("div",{onClick:function(){return function(e){var t=e.disabled,r=e.name,n=e.itemClick;if(!t){var a={name:r};u.value=!u.value,o("update:modelValue",u.value),o("change",a),"function"==typeof n?n(a):"function"==typeof c&&c({name:r})}}(e)}},[l.header?"function"==typeof l.header?l.header(r.h):l.header:(s=l.default?"function"==typeof l.default?l.default(r.h):l.default:e.title,(0,r.createVNode)("div",{class:"bk-collapse-header"},[(0,r.createVNode)("span",{class:"bk-collapse-title"},[s]),(0,r.createVNode)(a.AngleRight,{class:"bk-collapse-icon ".concat(u.value?"rotate-icon":"")},null)]))]),(0,r.createVNode)(n(),null,(i=t="if"!==e.renderDirective||u.value?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-collapse-content ".concat(u.value?"active":"")},[e.content?e.content:"function"==typeof l.content?l.content(r.h):l.content]),[[r.vShow,u.value]]):"","function"==typeof i||"[object Object]"===Object.prototype.toString.call(i)&&!(0,r.isVNode)(i)?t:{default:function(){return[t]}}))])}}}),p=(0,r.defineComponent)({name:"Collapse",props:c,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,o){var n=o.emit,a=o.slots,l=(0,r.ref)([]);(0,r.watch)((function(){return[e.modelValue]}),(function(){var r,o=e.modelValue;Array.isArray(o)?l.value=function(e){if(Array.isArray(e))return t(e)}(r=o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||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}}(r)||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.")}():l.value=void 0!==o?[o]:[]}),{immediate:!0});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)};(0,r.provide)("localActiveItems",l),(0,r.provide)("handleItemClick",i);var c="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){return(0,r.createVNode)("div",{class:c},[(0,r.renderSlot)(a,"default",{props:{isList:!0}})])};var u=(0,r.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,r.createVNode)("div",{class:c},[u.value.map((function(t,o){var n,l,c,u=t[e.idFiled]||o,s=t[e.titleField];return a.title&&(s="function"==typeof a.title?a.title(t,o):a.title),a.default&&(s=null===(n=a.default)||void 0===n?void 0:n.call(a,t,o)),(0,r.createVNode)(d,{key:o,"item-click":i,disabled:t.disabled,name:u,isFormList:!0,title:s,content:null!==(c=null===(l=a.content)||void 0===l?void 0:l.call(a,t,o))&&void 0!==c?c:t[e.contentField]},null)}))])}}}),f=(0,e.withInstallProps)(p,{CollapsePanel:d})})(),i})()));
|
@@ -0,0 +1,93 @@
|
|
1
|
+
.bk-collapse-transitioncollapse-transition {
|
2
|
+
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
3
|
+
}
|
4
|
+
.bk-collapse-transition-leave-active,
|
5
|
+
.bk-collapse-transition-enter-active {
|
6
|
+
transition: 0.3s max-height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
7
|
+
}
|
8
|
+
.horizontal-collapse-transition {
|
9
|
+
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
10
|
+
}
|
11
|
+
.fade-in-linear-enter-active,
|
12
|
+
.fade-in-linear-leave-active {
|
13
|
+
transition: opacity 200ms linear;
|
14
|
+
}
|
15
|
+
.fade-in-linear-enter,
|
16
|
+
.fade-in-linear-leave,
|
17
|
+
.fade-in-linear-leave-active {
|
18
|
+
opacity: 0;
|
19
|
+
}
|
20
|
+
.bk-fade-in-linear-enter-active,
|
21
|
+
.bk-fade-in-linear-leave-active {
|
22
|
+
transition: opacity 200ms linear;
|
23
|
+
}
|
24
|
+
.bk-fade-in-linear-enter,
|
25
|
+
.bk-fade-in-linear-leave,
|
26
|
+
.bk-fade-in-linear-leave-active {
|
27
|
+
opacity: 0;
|
28
|
+
}
|
29
|
+
.bk-fade-in-enter-active,
|
30
|
+
.bk-fade-in-leave-active {
|
31
|
+
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
32
|
+
}
|
33
|
+
.bk-fade-in-enter,
|
34
|
+
.bk-fade-in-leave-active {
|
35
|
+
opacity: 0;
|
36
|
+
}
|
37
|
+
.bk-zoom-in-center-enter-active,
|
38
|
+
.bk-zoom-in-center-leave-active {
|
39
|
+
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
40
|
+
}
|
41
|
+
.bk-zoom-in-center-enter,
|
42
|
+
.bk-zoom-in-center-leave-active {
|
43
|
+
opacity: 0;
|
44
|
+
transform: scaleX(0);
|
45
|
+
}
|
46
|
+
.bk-zoom-in-top-enter-active,
|
47
|
+
.bk-zoom-in-top-leave-active {
|
48
|
+
opacity: 1;
|
49
|
+
transform: scaleY(1);
|
50
|
+
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
51
|
+
transform-origin: center top;
|
52
|
+
}
|
53
|
+
.bk-zoom-in-top-enter,
|
54
|
+
.bk-zoom-in-top-leave-active {
|
55
|
+
opacity: 0;
|
56
|
+
transform: scaleY(0);
|
57
|
+
}
|
58
|
+
.bk-zoom-in-bottom-enter-active,
|
59
|
+
.bk-zoom-in-bottom-leave-active {
|
60
|
+
opacity: 1;
|
61
|
+
transform: scaleY(1);
|
62
|
+
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
63
|
+
transform-origin: center bottom;
|
64
|
+
}
|
65
|
+
.bk-zoom-in-bottom-enter,
|
66
|
+
.bk-zoom-in-bottom-leave-active {
|
67
|
+
opacity: 0;
|
68
|
+
transform: scaleY(0);
|
69
|
+
}
|
70
|
+
.bk-zoom-in-left-enter-active,
|
71
|
+
.bk-zoom-in-left-leave-active {
|
72
|
+
opacity: 1;
|
73
|
+
transform: scale(1, 1);
|
74
|
+
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
75
|
+
transform-origin: top left;
|
76
|
+
}
|
77
|
+
.bk-zoom-in-left-enter,
|
78
|
+
.bk-zoom-in-left-leave-active {
|
79
|
+
opacity: 0;
|
80
|
+
transform: scale(0.45, 0.45);
|
81
|
+
}
|
82
|
+
.bk-list-enter-active,
|
83
|
+
.bk-list-leave-active {
|
84
|
+
transition: all 1s;
|
85
|
+
}
|
86
|
+
.bk-list-enter,
|
87
|
+
.bk-list-leave-active {
|
88
|
+
opacity: 0;
|
89
|
+
transform: translateY(-30px);
|
90
|
+
}
|
91
|
+
.bk-opacity-transition {
|
92
|
+
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
93
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { RendererElement } from 'vue';
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
3
|
+
on: {
|
4
|
+
onBeforeEnter(el: RendererElement): void;
|
5
|
+
onEnter(el: RendererElement): void;
|
6
|
+
onAfterEnter(el: RendererElement): void;
|
7
|
+
onBeforeLeave(el: RendererElement): void;
|
8
|
+
onLeave(el: RendererElement): void;
|
9
|
+
onAfterLeave(el: RendererElement): void;
|
10
|
+
};
|
11
|
+
slots: Readonly<{
|
12
|
+
[name: string]: import("vue").Slot;
|
13
|
+
}>;
|
14
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
15
|
+
export default _default;
|
@@ -0,0 +1,111 @@
|
|
1
|
+
@import '../styles/themes/themes.less';
|
2
|
+
|
3
|
+
.@{bk-prefix}-collapse-transitioncollapse-transition {
|
4
|
+
transition: .3s height ease-in-out,
|
5
|
+
.3s padding-top ease-in-out,
|
6
|
+
.3s padding-bottom ease-in-out;
|
7
|
+
}
|
8
|
+
|
9
|
+
.@{bk-prefix}-collapse-transition-leave-active,
|
10
|
+
.@{bk-prefix}-collapse-transition-enter-active {
|
11
|
+
transition: .3s max-height ease-in-out,
|
12
|
+
.3s padding-top ease-in-out,
|
13
|
+
.3s padding-bottom ease-in-out;
|
14
|
+
}
|
15
|
+
|
16
|
+
.horizontal-collapse-transition {
|
17
|
+
transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
|
18
|
+
}
|
19
|
+
|
20
|
+
|
21
|
+
.fade-in-linear-enter-active,
|
22
|
+
.fade-in-linear-leave-active {
|
23
|
+
transition: opacity 200ms linear;
|
24
|
+
}
|
25
|
+
|
26
|
+
.fade-in-linear-enter,
|
27
|
+
.fade-in-linear-leave,
|
28
|
+
.fade-in-linear-leave-active {
|
29
|
+
opacity: 0;
|
30
|
+
}
|
31
|
+
|
32
|
+
.@{bk-prefix}-fade-in-linear-enter-active,
|
33
|
+
.@{bk-prefix}-fade-in-linear-leave-active {
|
34
|
+
transition: opacity 200ms linear;
|
35
|
+
}
|
36
|
+
.@{bk-prefix}-fade-in-linear-enter,
|
37
|
+
.@{bk-prefix}-fade-in-linear-leave,
|
38
|
+
.@{bk-prefix}-fade-in-linear-leave-active {
|
39
|
+
opacity: 0;
|
40
|
+
}
|
41
|
+
|
42
|
+
.@{bk-prefix}-fade-in-enter-active,
|
43
|
+
.@{bk-prefix}-fade-in-leave-active {
|
44
|
+
transition: all .3s cubic-bezier(.55,0,.1,1);
|
45
|
+
}
|
46
|
+
.@{bk-prefix}-fade-in-enter,
|
47
|
+
.@{bk-prefix}-fade-in-leave-active {
|
48
|
+
opacity: 0;
|
49
|
+
}
|
50
|
+
|
51
|
+
.@{bk-prefix}-zoom-in-center-enter-active,
|
52
|
+
.@{bk-prefix}-zoom-in-center-leave-active {
|
53
|
+
transition: all .3s cubic-bezier(.55,0,.1,1);
|
54
|
+
}
|
55
|
+
.@{bk-prefix}-zoom-in-center-enter,
|
56
|
+
.@{bk-prefix}-zoom-in-center-leave-active {
|
57
|
+
opacity: 0;
|
58
|
+
transform: scaleX(0);
|
59
|
+
}
|
60
|
+
|
61
|
+
.@{bk-prefix}-zoom-in-top-enter-active,
|
62
|
+
.@{bk-prefix}-zoom-in-top-leave-active {
|
63
|
+
opacity: 1;
|
64
|
+
transform: scaleY(1);
|
65
|
+
transition: transform 300ms cubic-bezier(.23, 1, .32, 1), opacity 300ms cubic-bezier(.23, 1, .32, 1);
|
66
|
+
transform-origin: center top;
|
67
|
+
}
|
68
|
+
.@{bk-prefix}-zoom-in-top-enter,
|
69
|
+
.@{bk-prefix}-zoom-in-top-leave-active {
|
70
|
+
opacity: 0;
|
71
|
+
transform: scaleY(0);
|
72
|
+
}
|
73
|
+
|
74
|
+
.@{bk-prefix}-zoom-in-bottom-enter-active,
|
75
|
+
.@{bk-prefix}-zoom-in-bottom-leave-active {
|
76
|
+
opacity: 1;
|
77
|
+
transform: scaleY(1);
|
78
|
+
transition: transform 300ms cubic-bezier(.23, 1, .32, 1), opacity 300ms cubic-bezier(.23, 1, .32, 1);
|
79
|
+
transform-origin: center bottom;
|
80
|
+
}
|
81
|
+
.@{bk-prefix}-zoom-in-bottom-enter,
|
82
|
+
.@{bk-prefix}-zoom-in-bottom-leave-active {
|
83
|
+
opacity: 0;
|
84
|
+
transform: scaleY(0);
|
85
|
+
}
|
86
|
+
|
87
|
+
.@{bk-prefix}-zoom-in-left-enter-active,
|
88
|
+
.@{bk-prefix}-zoom-in-left-leave-active {
|
89
|
+
opacity: 1;
|
90
|
+
transform: scale(1, 1);
|
91
|
+
transition: transform 300ms cubic-bezier(.23, 1, .32, 1), opacity 300ms cubic-bezier(.23, 1, .32, 1);
|
92
|
+
transform-origin: top left;
|
93
|
+
}
|
94
|
+
.@{bk-prefix}-zoom-in-left-enter,
|
95
|
+
.@{bk-prefix}-zoom-in-left-leave-active {
|
96
|
+
opacity: 0;
|
97
|
+
transform: scale(.45, .45);
|
98
|
+
}
|
99
|
+
|
100
|
+
.@{bk-prefix}-list-enter-active,
|
101
|
+
.@{bk-prefix}-list-leave-active {
|
102
|
+
transition: all 1s;
|
103
|
+
}
|
104
|
+
.@{bk-prefix}-list-enter, .@{bk-prefix}-list-leave-active {
|
105
|
+
opacity: 0;
|
106
|
+
transform: translateY(-30px);
|
107
|
+
}
|
108
|
+
|
109
|
+
.@{bk-prefix}-opacity-transition {
|
110
|
+
transition: opacity .3s cubic-bezier(.55,0,.1,1);
|
111
|
+
}
|