bkui-vue 0.0.1-beta.45 → 0.0.1-beta.48
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 +27 -27
- package/dist/index.esm.js +698 -319
- package/dist/index.umd.js +28 -28
- package/dist/style.css +1 -1
- package/lib/button/index.js +1 -1
- package/lib/checkbox/checkbox.css +12 -0
- package/lib/checkbox/checkbox.d.ts +5 -11
- package/lib/checkbox/checkbox.less +17 -0
- package/lib/checkbox/checkbox.variable.css +12 -0
- package/lib/checkbox/common.d.ts +3 -3
- package/lib/checkbox/index.d.ts +10 -18
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/type.d.ts +2 -6
- package/lib/dialog/dialog.d.ts +89 -17
- package/lib/dialog/index.d.ts +191 -36
- package/lib/dialog/index.js +1 -1
- package/lib/form/compose-form-item.d.ts +16 -0
- package/lib/form/form.css +73 -12
- package/lib/form/form.less +120 -46
- package/lib/form/form.variable.css +167 -12
- package/lib/form/index.d.ts +17 -1
- package/lib/form/index.js +1 -1
- package/lib/icon/funnel.d.ts +4 -0
- package/lib/icon/funnel.js +1 -0
- package/lib/icon/index.d.ts +1 -0
- package/lib/icon/index.js +1 -1
- package/lib/loading/index.js +1 -1
- package/lib/modal/index.d.ts +149 -1
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.css +20 -0
- package/lib/modal/modal.d.ts +58 -0
- package/lib/modal/modal.less +25 -0
- package/lib/modal/modal.variable.css +20 -0
- package/lib/modal/props.mixin.d.ts +26 -0
- package/lib/popover/index.d.ts +33 -2
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +16 -1
- package/lib/popover/props.d.ts +12 -0
- package/lib/radio/common.d.ts +5 -5
- package/lib/radio/index.d.ts +17 -16
- package/lib/radio/index.js +1 -1
- package/lib/radio/radio-button.d.ts +5 -4
- package/lib/radio/radio.css +2 -2
- package/lib/radio/radio.d.ts +4 -4
- package/lib/radio/radio.less +2 -2
- package/lib/radio/radio.variable.css +2 -2
- package/lib/radio/type.d.ts +9 -4
- package/lib/rate/index.js +1 -1
- package/lib/sideslider/index.d.ts +123 -1
- package/lib/sideslider/index.js +1 -1
- package/lib/sideslider/sideslider.d.ts +58 -0
- package/lib/slider/index.js +1 -1
- package/lib/switcher/switcher.less +2 -0
- package/lib/tab/index.d.ts +1 -1
- package/lib/tab/tab-panel.d.ts +1 -1
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/head-filter.css +68 -0
- package/lib/table/plugins/head-filter.less +83 -0
- package/lib/table/plugins/head-filter.variable.css +162 -0
- package/lib/table/plugins/head-sort.css +22 -0
- package/lib/table/plugins/head-sort.less +28 -0
- package/lib/table/plugins/head-sort.variable.css +116 -0
- package/lib/table/props.d.ts +8 -1
- package/lib/table/render.d.ts +10 -15
- package/lib/table/table.css +94 -26
- package/lib/table/table.less +9 -28
- package/lib/table/table.variable.css +108 -40
- package/lib/table/utils.d.ts +10 -1
- package/package.json +30 -16
- package/lib/dialog/dialog.css +0 -68
- package/lib/dialog/dialog.less +0 -80
- package/lib/dialog/dialog.variable.css +0 -68
package/lib/modal/index.d.ts
CHANGED
@@ -9,9 +9,15 @@ declare const BkModal: {
|
|
9
9
|
width: string | number;
|
10
10
|
height: string | number;
|
11
11
|
showMask: boolean;
|
12
|
+
size: string;
|
12
13
|
isShow: boolean;
|
13
14
|
customClass: string | unknown[];
|
14
15
|
scrollable: boolean;
|
16
|
+
closeIcon: boolean;
|
17
|
+
escClose: boolean;
|
18
|
+
maskClose: boolean;
|
19
|
+
fullscreen: boolean;
|
20
|
+
renderDirective: string;
|
15
21
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
16
22
|
isShow: {
|
17
23
|
type: BooleanConstructor;
|
@@ -37,7 +43,33 @@ declare const BkModal: {
|
|
37
43
|
type: BooleanConstructor;
|
38
44
|
default: boolean;
|
39
45
|
};
|
40
|
-
|
46
|
+
closeIcon: {
|
47
|
+
type: BooleanConstructor;
|
48
|
+
default: boolean;
|
49
|
+
};
|
50
|
+
escClose: {
|
51
|
+
type: BooleanConstructor;
|
52
|
+
default: boolean;
|
53
|
+
};
|
54
|
+
maskClose: {
|
55
|
+
type: BooleanConstructor;
|
56
|
+
default: boolean;
|
57
|
+
};
|
58
|
+
fullscreen: {
|
59
|
+
type: BooleanConstructor;
|
60
|
+
default: boolean;
|
61
|
+
};
|
62
|
+
size: {
|
63
|
+
type: StringConstructor;
|
64
|
+
default: string;
|
65
|
+
validator: (value: string) => boolean;
|
66
|
+
};
|
67
|
+
renderDirective: {
|
68
|
+
type: StringConstructor;
|
69
|
+
default: string;
|
70
|
+
validator: (value: string) => boolean;
|
71
|
+
};
|
72
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "size" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "renderDirective">;
|
41
73
|
$attrs: {
|
42
74
|
[x: string]: unknown;
|
43
75
|
};
|
@@ -76,6 +108,32 @@ declare const BkModal: {
|
|
76
108
|
type: BooleanConstructor;
|
77
109
|
default: boolean;
|
78
110
|
};
|
111
|
+
closeIcon: {
|
112
|
+
type: BooleanConstructor;
|
113
|
+
default: boolean;
|
114
|
+
};
|
115
|
+
escClose: {
|
116
|
+
type: BooleanConstructor;
|
117
|
+
default: boolean;
|
118
|
+
};
|
119
|
+
maskClose: {
|
120
|
+
type: BooleanConstructor;
|
121
|
+
default: boolean;
|
122
|
+
};
|
123
|
+
fullscreen: {
|
124
|
+
type: BooleanConstructor;
|
125
|
+
default: boolean;
|
126
|
+
};
|
127
|
+
size: {
|
128
|
+
type: StringConstructor;
|
129
|
+
default: string;
|
130
|
+
validator: (value: string) => boolean;
|
131
|
+
};
|
132
|
+
renderDirective: {
|
133
|
+
type: StringConstructor;
|
134
|
+
default: string;
|
135
|
+
validator: (value: string) => boolean;
|
136
|
+
};
|
79
137
|
}>>, unknown, {
|
80
138
|
visible: boolean;
|
81
139
|
}, {
|
@@ -86,9 +144,15 @@ declare const BkModal: {
|
|
86
144
|
width: string | number;
|
87
145
|
height: string | number;
|
88
146
|
showMask: boolean;
|
147
|
+
size: string;
|
89
148
|
isShow: boolean;
|
90
149
|
customClass: string | unknown[];
|
91
150
|
scrollable: boolean;
|
151
|
+
closeIcon: boolean;
|
152
|
+
escClose: boolean;
|
153
|
+
maskClose: boolean;
|
154
|
+
fullscreen: boolean;
|
155
|
+
renderDirective: string;
|
92
156
|
}> & {
|
93
157
|
beforeCreate?: (() => void) | (() => void)[];
|
94
158
|
created?: (() => void) | (() => void)[];
|
@@ -134,6 +198,32 @@ declare const BkModal: {
|
|
134
198
|
type: BooleanConstructor;
|
135
199
|
default: boolean;
|
136
200
|
};
|
201
|
+
closeIcon: {
|
202
|
+
type: BooleanConstructor;
|
203
|
+
default: boolean;
|
204
|
+
};
|
205
|
+
escClose: {
|
206
|
+
type: BooleanConstructor;
|
207
|
+
default: boolean;
|
208
|
+
};
|
209
|
+
maskClose: {
|
210
|
+
type: BooleanConstructor;
|
211
|
+
default: boolean;
|
212
|
+
};
|
213
|
+
fullscreen: {
|
214
|
+
type: BooleanConstructor;
|
215
|
+
default: boolean;
|
216
|
+
};
|
217
|
+
size: {
|
218
|
+
type: StringConstructor;
|
219
|
+
default: string;
|
220
|
+
validator: (value: string) => boolean;
|
221
|
+
};
|
222
|
+
renderDirective: {
|
223
|
+
type: StringConstructor;
|
224
|
+
default: string;
|
225
|
+
validator: (value: string) => boolean;
|
226
|
+
};
|
137
227
|
}>> & import("vue").ShallowUnwrapRef<{}> & {
|
138
228
|
visible: boolean;
|
139
229
|
} & {
|
@@ -169,6 +259,32 @@ declare const BkModal: {
|
|
169
259
|
type: BooleanConstructor;
|
170
260
|
default: boolean;
|
171
261
|
};
|
262
|
+
closeIcon: {
|
263
|
+
type: BooleanConstructor;
|
264
|
+
default: boolean;
|
265
|
+
};
|
266
|
+
escClose: {
|
267
|
+
type: BooleanConstructor;
|
268
|
+
default: boolean;
|
269
|
+
};
|
270
|
+
maskClose: {
|
271
|
+
type: BooleanConstructor;
|
272
|
+
default: boolean;
|
273
|
+
};
|
274
|
+
fullscreen: {
|
275
|
+
type: BooleanConstructor;
|
276
|
+
default: boolean;
|
277
|
+
};
|
278
|
+
size: {
|
279
|
+
type: StringConstructor;
|
280
|
+
default: string;
|
281
|
+
validator: (value: string) => boolean;
|
282
|
+
};
|
283
|
+
renderDirective: {
|
284
|
+
type: StringConstructor;
|
285
|
+
default: string;
|
286
|
+
validator: (value: string) => boolean;
|
287
|
+
};
|
172
288
|
}>>, unknown, {
|
173
289
|
visible: boolean;
|
174
290
|
}, {
|
@@ -179,9 +295,15 @@ declare const BkModal: {
|
|
179
295
|
width: string | number;
|
180
296
|
height: string | number;
|
181
297
|
showMask: boolean;
|
298
|
+
size: string;
|
182
299
|
isShow: boolean;
|
183
300
|
customClass: string | unknown[];
|
184
301
|
scrollable: boolean;
|
302
|
+
closeIcon: boolean;
|
303
|
+
escClose: boolean;
|
304
|
+
maskClose: boolean;
|
305
|
+
fullscreen: boolean;
|
306
|
+
renderDirective: string;
|
185
307
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
|
186
308
|
propsMixin: {
|
187
309
|
isShow: {
|
@@ -208,6 +330,32 @@ declare const BkModal: {
|
|
208
330
|
type: BooleanConstructor;
|
209
331
|
default: boolean;
|
210
332
|
};
|
333
|
+
closeIcon: {
|
334
|
+
type: BooleanConstructor;
|
335
|
+
default: boolean;
|
336
|
+
};
|
337
|
+
escClose: {
|
338
|
+
type: BooleanConstructor;
|
339
|
+
default: boolean;
|
340
|
+
};
|
341
|
+
maskClose: {
|
342
|
+
type: BooleanConstructor;
|
343
|
+
default: boolean;
|
344
|
+
};
|
345
|
+
fullscreen: {
|
346
|
+
type: BooleanConstructor;
|
347
|
+
default: boolean;
|
348
|
+
};
|
349
|
+
size: {
|
350
|
+
type: StringConstructor;
|
351
|
+
default: string;
|
352
|
+
validator: (value: string) => boolean;
|
353
|
+
};
|
354
|
+
renderDirective: {
|
355
|
+
type: StringConstructor;
|
356
|
+
default: string;
|
357
|
+
validator: (value: string) => boolean;
|
358
|
+
};
|
211
359
|
};
|
212
360
|
}>;
|
213
361
|
export default BkModal;
|
package/lib/modal/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{BkModal:()=>a,default:()=>l,propsMixin:()=>o});var e=r(4212),t=r(748),o={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Array,String],default:""},scrollable:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},closeIcon:{type:Boolean,default:!0},escClose:{type:Boolean,default:!0},maskClose:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},size:{type:String,default:"normal",validator:function(e){var t=["normal","small","medium","large"];return!(t.indexOf(e)<0&&(console.error("dialogSize property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}},renderDirective:{type:String,default:"show",validator:function(e){return!(["show","if"].indexOf(e)<0&&(console.error("type render-directive is not valid: '".concat(e,"'")),1))}}};const i=(0,t.defineComponent)({name:"Modal",props:Object.assign({},o),data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none"}}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(t){var o=this;t?this.$nextTick((function(){var t=o.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(o.$el,o.showMask,t)})):e.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,i,r,n,a,l,s,d;return(0,t.createVNode)("div",{class:["bk-modal-wrapper",this.size,this.customClass,this.fullscreen?"bk-model-fullscreen":""],style:this.compStyle},[this.isShow?(0,t.createVNode)("div",{class:"bk-modal-body"},[(0,t.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==i?i:""]),(0,t.createVNode)("div",{class:"bk-modal-content"},[null!==(a=null===(n=(r=this.$slots).default)||void 0===n?void 0:n.call(r))&&void 0!==a?a:""]),(0,t.createVNode)("div",{class:"bk-modal-footer"},[null!==(d=null===(s=(l=this.$slots).footer)||void 0===s?void 0:s.call(l))&&void 0!==d?d:""])]):""])}});var a=(0,e.withInstallProps)(i,{propsMixin:o},!0);const l=a})(),n})()));
|
package/lib/modal/modal.css
CHANGED
@@ -9,3 +9,23 @@
|
|
9
9
|
height: 100%;
|
10
10
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
11
11
|
}
|
12
|
+
.normal {
|
13
|
+
width: 480px;
|
14
|
+
height: 240px;
|
15
|
+
}
|
16
|
+
.small {
|
17
|
+
width: 400px;
|
18
|
+
height: 200px;
|
19
|
+
}
|
20
|
+
.medium {
|
21
|
+
width: 640px;
|
22
|
+
height: 400px;
|
23
|
+
}
|
24
|
+
.large {
|
25
|
+
width: 960px;
|
26
|
+
height: 720px;
|
27
|
+
}
|
28
|
+
.bk-model-fullscreen {
|
29
|
+
width: 100%;
|
30
|
+
height: 100%;
|
31
|
+
}
|
package/lib/modal/modal.d.ts
CHANGED
@@ -23,6 +23,32 @@ declare const _default: import("vue").DefineComponent<{
|
|
23
23
|
type: BooleanConstructor;
|
24
24
|
default: boolean;
|
25
25
|
};
|
26
|
+
closeIcon: {
|
27
|
+
type: BooleanConstructor;
|
28
|
+
default: boolean;
|
29
|
+
};
|
30
|
+
escClose: {
|
31
|
+
type: BooleanConstructor;
|
32
|
+
default: boolean;
|
33
|
+
};
|
34
|
+
maskClose: {
|
35
|
+
type: BooleanConstructor;
|
36
|
+
default: boolean;
|
37
|
+
};
|
38
|
+
fullscreen: {
|
39
|
+
type: BooleanConstructor;
|
40
|
+
default: boolean;
|
41
|
+
};
|
42
|
+
size: {
|
43
|
+
type: StringConstructor;
|
44
|
+
default: string;
|
45
|
+
validator: (value: string) => boolean;
|
46
|
+
};
|
47
|
+
renderDirective: {
|
48
|
+
type: StringConstructor;
|
49
|
+
default: string;
|
50
|
+
validator: (value: string) => boolean;
|
51
|
+
};
|
26
52
|
}, unknown, {
|
27
53
|
visible: boolean;
|
28
54
|
}, {
|
@@ -54,12 +80,44 @@ declare const _default: import("vue").DefineComponent<{
|
|
54
80
|
type: BooleanConstructor;
|
55
81
|
default: boolean;
|
56
82
|
};
|
83
|
+
closeIcon: {
|
84
|
+
type: BooleanConstructor;
|
85
|
+
default: boolean;
|
86
|
+
};
|
87
|
+
escClose: {
|
88
|
+
type: BooleanConstructor;
|
89
|
+
default: boolean;
|
90
|
+
};
|
91
|
+
maskClose: {
|
92
|
+
type: BooleanConstructor;
|
93
|
+
default: boolean;
|
94
|
+
};
|
95
|
+
fullscreen: {
|
96
|
+
type: BooleanConstructor;
|
97
|
+
default: boolean;
|
98
|
+
};
|
99
|
+
size: {
|
100
|
+
type: StringConstructor;
|
101
|
+
default: string;
|
102
|
+
validator: (value: string) => boolean;
|
103
|
+
};
|
104
|
+
renderDirective: {
|
105
|
+
type: StringConstructor;
|
106
|
+
default: string;
|
107
|
+
validator: (value: string) => boolean;
|
108
|
+
};
|
57
109
|
}>>, {
|
58
110
|
width: string | number;
|
59
111
|
height: string | number;
|
60
112
|
showMask: boolean;
|
113
|
+
size: string;
|
61
114
|
isShow: boolean;
|
62
115
|
customClass: string | unknown[];
|
63
116
|
scrollable: boolean;
|
117
|
+
closeIcon: boolean;
|
118
|
+
escClose: boolean;
|
119
|
+
maskClose: boolean;
|
120
|
+
fullscreen: boolean;
|
121
|
+
renderDirective: string;
|
64
122
|
}>;
|
65
123
|
export default _default;
|
package/lib/modal/modal.less
CHANGED
@@ -10,3 +10,28 @@
|
|
10
10
|
box-shadow: 0 4px 12px rgba(0,0,0,.15);
|
11
11
|
}
|
12
12
|
}
|
13
|
+
|
14
|
+
.normal {
|
15
|
+
width: 480px;
|
16
|
+
height: 240px;
|
17
|
+
}
|
18
|
+
|
19
|
+
.small {
|
20
|
+
width: 400px;
|
21
|
+
height: 200px;
|
22
|
+
}
|
23
|
+
|
24
|
+
.medium {
|
25
|
+
width: 640px;
|
26
|
+
height: 400px;
|
27
|
+
}
|
28
|
+
|
29
|
+
.large {
|
30
|
+
width: 960px;
|
31
|
+
height: 720px;
|
32
|
+
}
|
33
|
+
|
34
|
+
.bk-model-fullscreen {
|
35
|
+
width: 100%;
|
36
|
+
height: 100%;
|
37
|
+
}
|
@@ -9,3 +9,23 @@
|
|
9
9
|
height: 100%;
|
10
10
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
11
11
|
}
|
12
|
+
.normal {
|
13
|
+
width: 480px;
|
14
|
+
height: 240px;
|
15
|
+
}
|
16
|
+
.small {
|
17
|
+
width: 400px;
|
18
|
+
height: 200px;
|
19
|
+
}
|
20
|
+
.medium {
|
21
|
+
width: 640px;
|
22
|
+
height: 400px;
|
23
|
+
}
|
24
|
+
.large {
|
25
|
+
width: 960px;
|
26
|
+
height: 720px;
|
27
|
+
}
|
28
|
+
.bk-model-fullscreen {
|
29
|
+
width: 100%;
|
30
|
+
height: 100%;
|
31
|
+
}
|
@@ -23,4 +23,30 @@ export declare const propsMixin: {
|
|
23
23
|
type: BooleanConstructor;
|
24
24
|
default: boolean;
|
25
25
|
};
|
26
|
+
closeIcon: {
|
27
|
+
type: BooleanConstructor;
|
28
|
+
default: boolean;
|
29
|
+
};
|
30
|
+
escClose: {
|
31
|
+
type: BooleanConstructor;
|
32
|
+
default: boolean;
|
33
|
+
};
|
34
|
+
maskClose: {
|
35
|
+
type: BooleanConstructor;
|
36
|
+
default: boolean;
|
37
|
+
};
|
38
|
+
fullscreen: {
|
39
|
+
type: BooleanConstructor;
|
40
|
+
default: boolean;
|
41
|
+
};
|
42
|
+
size: {
|
43
|
+
type: StringConstructor;
|
44
|
+
default: string;
|
45
|
+
validator: (value: string) => boolean;
|
46
|
+
};
|
47
|
+
renderDirective: {
|
48
|
+
type: StringConstructor;
|
49
|
+
default: string;
|
50
|
+
validator: (value: string) => boolean;
|
51
|
+
};
|
26
52
|
};
|
package/lib/popover/index.d.ts
CHANGED
@@ -13,11 +13,16 @@ declare const BkPopover: {
|
|
13
13
|
trigger: string;
|
14
14
|
arrow: boolean;
|
15
15
|
isShow: boolean;
|
16
|
+
stopBehaviors: string | string[];
|
16
17
|
handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
|
17
18
|
fixOnBoundary: boolean;
|
18
19
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
20
|
+
onAfterHidden: FunctionConstructor;
|
21
|
+
onAfterShow: FunctionConstructor;
|
19
22
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
20
23
|
default: boolean;
|
24
|
+
} & {
|
25
|
+
default: boolean;
|
21
26
|
};
|
22
27
|
width: import("vue-types").VueTypeDef<string | number> & {
|
23
28
|
default: string | number;
|
@@ -66,7 +71,10 @@ declare const BkPopover: {
|
|
66
71
|
} & {
|
67
72
|
default: boolean;
|
68
73
|
};
|
69
|
-
|
74
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
75
|
+
default: string | (() => string[]);
|
76
|
+
};
|
77
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "stopBehaviors" | "handleFirstUpdate" | "fixOnBoundary">;
|
70
78
|
$attrs: {
|
71
79
|
[x: string]: unknown;
|
72
80
|
};
|
@@ -81,8 +89,12 @@ declare const BkPopover: {
|
|
81
89
|
$emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
|
82
90
|
$el: any;
|
83
91
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
92
|
+
onAfterHidden: FunctionConstructor;
|
93
|
+
onAfterShow: FunctionConstructor;
|
84
94
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
85
95
|
default: boolean;
|
96
|
+
} & {
|
97
|
+
default: boolean;
|
86
98
|
};
|
87
99
|
width: import("vue-types").VueTypeDef<string | number> & {
|
88
100
|
default: string | number;
|
@@ -131,6 +143,9 @@ declare const BkPopover: {
|
|
131
143
|
} & {
|
132
144
|
default: boolean;
|
133
145
|
};
|
146
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
147
|
+
default: string | (() => string[]);
|
148
|
+
};
|
134
149
|
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
|
135
150
|
width: string | number;
|
136
151
|
height: string | number;
|
@@ -142,6 +157,7 @@ declare const BkPopover: {
|
|
142
157
|
trigger: string;
|
143
158
|
arrow: boolean;
|
144
159
|
isShow: boolean;
|
160
|
+
stopBehaviors: string | string[];
|
145
161
|
handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
|
146
162
|
fixOnBoundary: boolean;
|
147
163
|
}> & {
|
@@ -165,8 +181,12 @@ declare const BkPopover: {
|
|
165
181
|
$nextTick: typeof import("vue").nextTick;
|
166
182
|
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
167
183
|
} & Readonly<import("vue").ExtractPropTypes<{
|
184
|
+
onAfterHidden: FunctionConstructor;
|
185
|
+
onAfterShow: FunctionConstructor;
|
168
186
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
169
187
|
default: boolean;
|
188
|
+
} & {
|
189
|
+
default: boolean;
|
170
190
|
};
|
171
191
|
width: import("vue-types").VueTypeDef<string | number> & {
|
172
192
|
default: string | number;
|
@@ -215,13 +235,20 @@ declare const BkPopover: {
|
|
215
235
|
} & {
|
216
236
|
default: boolean;
|
217
237
|
};
|
238
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
239
|
+
default: string | (() => string[]);
|
240
|
+
};
|
218
241
|
}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
|
219
242
|
__isFragment?: never;
|
220
243
|
__isTeleport?: never;
|
221
244
|
__isSuspense?: never;
|
222
245
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
246
|
+
onAfterHidden: FunctionConstructor;
|
247
|
+
onAfterShow: FunctionConstructor;
|
223
248
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
224
249
|
default: boolean;
|
250
|
+
} & {
|
251
|
+
default: boolean;
|
225
252
|
};
|
226
253
|
width: import("vue-types").VueTypeDef<string | number> & {
|
227
254
|
default: string | number;
|
@@ -270,7 +297,10 @@ declare const BkPopover: {
|
|
270
297
|
} & {
|
271
298
|
default: boolean;
|
272
299
|
};
|
273
|
-
|
300
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
301
|
+
default: string | (() => string[]);
|
302
|
+
};
|
303
|
+
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", {
|
274
304
|
width: string | number;
|
275
305
|
height: string | number;
|
276
306
|
placement: string;
|
@@ -281,6 +311,7 @@ declare const BkPopover: {
|
|
281
311
|
trigger: string;
|
282
312
|
arrow: boolean;
|
283
313
|
isShow: boolean;
|
314
|
+
stopBehaviors: string | string[];
|
284
315
|
handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
|
285
316
|
fixOnBoundary: boolean;
|
286
317
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
package/lib/popover/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),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:()=>
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),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:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=Object.assign({isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),transition:e.PropTypes.string.def("fade-in"),placement:e.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:e.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.toRefs)(o),s=i.width,p=i.height,u=i.theme,d=i.trigger,f=i.isShow,l=i.placement,c=i.modifiers,v=i.arrow,y=i.content,m=(0,t.ref)(),h=(0,t.ref)(),T=(0,t.computed)((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:e.bkZIndexManager.getModalNextIndex()}})),b=["dark","light"],g=(0,t.computed)((function(){var e=u.value.split(/\s+/);return e.sort((function(e,t){return Number(b.includes(t))-Number(b.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!b.includes(e)}))}})),P=function(e){var t,o;n&&(e?null===(t=a.show)||void 0===t||t.call(a):null===(o=a.hide)||void 0===o||o.call(a))};(0,t.watch)((function(){return o.isShow}),(function(e){P(e)}),{immediate:!0});var w=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},x=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},O=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},S=function(){a=new e.BKPopover(m.value,h.value,{theme:g.value.systemThemes.join(" "),placement:l.value,trigger:d.value,modifiers:c.value,onFirstUpdate:o.handleFirstUpdate,afterShow:x,afterHidden:w,appendTo:o.boundary,fixOnBoundary:o.fixOnBoundary}),n=!0,P(f.value)},j=function(){O(),(0,t.nextTick)(S)};r.expose({update:j}),(0,t.onMounted)(j),(0,t.onBeforeUnmount)(O);var B=function(){r.emit("after-enter")},k=function(){r.emit("after-leave")},N=g.value.customThemes.join(" "),A=g.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{}),F="bk-popover-content ".concat(N),M=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:m,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:B,onAfterLeave:k},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:h,class:F,style:T.value},A,{onClick:M}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:y.value,v.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));
|
package/lib/popover/popover.d.ts
CHANGED
@@ -1,6 +1,10 @@
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
2
|
+
onAfterHidden: FunctionConstructor;
|
3
|
+
onAfterShow: FunctionConstructor;
|
2
4
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
3
5
|
default: boolean;
|
6
|
+
} & {
|
7
|
+
default: boolean;
|
4
8
|
};
|
5
9
|
width: import("vue-types").VueTypeDef<string | number> & {
|
6
10
|
default: string | number;
|
@@ -49,9 +53,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
49
53
|
} & {
|
50
54
|
default: boolean;
|
51
55
|
};
|
52
|
-
|
56
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
57
|
+
default: string | (() => string[]);
|
58
|
+
};
|
59
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
60
|
+
onAfterHidden: FunctionConstructor;
|
61
|
+
onAfterShow: FunctionConstructor;
|
53
62
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
54
63
|
default: boolean;
|
64
|
+
} & {
|
65
|
+
default: boolean;
|
55
66
|
};
|
56
67
|
width: import("vue-types").VueTypeDef<string | number> & {
|
57
68
|
default: string | number;
|
@@ -100,6 +111,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
100
111
|
} & {
|
101
112
|
default: boolean;
|
102
113
|
};
|
114
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
115
|
+
default: string | (() => string[]);
|
116
|
+
};
|
103
117
|
}>>, {
|
104
118
|
width: string | number;
|
105
119
|
height: string | number;
|
@@ -111,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
111
125
|
trigger: string;
|
112
126
|
arrow: boolean;
|
113
127
|
isShow: boolean;
|
128
|
+
stopBehaviors: string | string[];
|
114
129
|
handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
|
115
130
|
fixOnBoundary: boolean;
|
116
131
|
}>;
|
package/lib/popover/props.d.ts
CHANGED
@@ -1,8 +1,12 @@
|
|
1
1
|
import { ExtractPropTypes, PropType } from 'vue';
|
2
2
|
import { OnFirstUpdateFnType } from '@bkui-vue/shared';
|
3
3
|
export declare const PopoverProps: {
|
4
|
+
onAfterHidden: FunctionConstructor;
|
5
|
+
onAfterShow: FunctionConstructor;
|
4
6
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
5
7
|
default: boolean;
|
8
|
+
} & {
|
9
|
+
default: boolean;
|
6
10
|
};
|
7
11
|
width: import("vue-types").VueTypeDef<string | number> & {
|
8
12
|
default: string | number;
|
@@ -73,5 +77,13 @@ export declare const PopoverProps: {
|
|
73
77
|
} & {
|
74
78
|
default: boolean;
|
75
79
|
};
|
80
|
+
/**
|
81
|
+
* 弹出框鼠标点击事件是否阻止的点击事件行为
|
82
|
+
* 支持 stopPropagation stopImmediatePropagation preventDefault
|
83
|
+
* 用于在嵌套弹出或者元素定位导致的点击触发关闭问题
|
84
|
+
*/
|
85
|
+
stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
|
86
|
+
default: string | (() => string[]);
|
87
|
+
};
|
76
88
|
};
|
77
89
|
export declare type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;
|
package/lib/radio/common.d.ts
CHANGED
@@ -1,13 +1,13 @@
|
|
1
|
-
import type
|
1
|
+
import { type InjectionKey, type Ref } from 'vue';
|
2
2
|
import type { IRadioGroupContext } from './type';
|
3
3
|
export declare const radioGroupKey: InjectionKey<IRadioGroupContext>;
|
4
4
|
export declare function useFocus(): [Ref<boolean>, {
|
5
5
|
blur: () => void;
|
6
6
|
focus: () => void;
|
7
7
|
}];
|
8
|
-
export declare
|
9
|
-
|
10
|
-
isCheck: import("vue").ComputedRef<boolean>;
|
8
|
+
export declare const useRadio: () => {
|
9
|
+
isChecked: Ref<boolean>;
|
11
10
|
isDisabled: import("vue").ComputedRef<boolean>;
|
12
|
-
|
11
|
+
setChecked: (value?: boolean) => void;
|
12
|
+
handleChange: (event: Event) => void;
|
13
13
|
};
|