bkui-vue 0.0.1-beta.36 → 0.0.1-beta.37
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/bkui-vue.cjs.js +40 -33
- package/dist/bkui-vue.esm.js +40 -33
- package/dist/bkui-vue.umd.js +40 -33
- package/dist/style.css +53 -19
- package/lib/input/index.d.ts +31 -5
- package/lib/input/input.css +41 -1
- package/lib/input/input.d.ts +20 -3
- package/lib/input/input.js +1 -1
- package/lib/input/input.less +51 -2
- package/lib/input/input.variable.css +42 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/shared.js +1 -1
- package/lib/table/render.d.ts +2 -0
- package/lib/table/table.css +9 -8
- package/lib/table/table.js +1 -1
- package/lib/table/table.less +10 -15
- package/lib/table/table.variable.css +9 -8
- package/lib/virtual-render/virtual-render.css +3 -10
- package/lib/virtual-render/virtual-render.less +3 -11
- package/lib/virtual-render/virtual-render.variable.css +3 -10
- package/package.json +1 -1
package/lib/input/index.d.ts
CHANGED
@@ -8,6 +8,7 @@ declare const BkInput: {
|
|
8
8
|
prefix: string;
|
9
9
|
step: number;
|
10
10
|
disabled: boolean;
|
11
|
+
modelValue: string | number;
|
11
12
|
readonly: boolean;
|
12
13
|
clearable: boolean;
|
13
14
|
behavior: string;
|
@@ -21,6 +22,7 @@ declare const BkInput: {
|
|
21
22
|
showControl: boolean;
|
22
23
|
showClearOnlyHover: boolean;
|
23
24
|
precision: number;
|
25
|
+
rows: number;
|
24
26
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
25
27
|
type: import("vue-types").VueTypeValidableDef<string> & {
|
26
28
|
default: string;
|
@@ -86,8 +88,13 @@ declare const BkInput: {
|
|
86
88
|
} & {
|
87
89
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
88
90
|
};
|
89
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
91
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
92
|
+
default: string | number;
|
93
|
+
};
|
90
94
|
size: import("vue-types").VueTypeDef<string>;
|
95
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
96
|
+
default: number;
|
97
|
+
};
|
91
98
|
}>> & {
|
92
99
|
onPaste?: (...args: any[]) => any;
|
93
100
|
onFocus?: (...args: any[]) => any;
|
@@ -100,7 +107,7 @@ declare const BkInput: {
|
|
100
107
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
101
108
|
onClear?: (...args: any[]) => any;
|
102
109
|
onEnter?: (...args: any[]) => any;
|
103
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "prefix" | "step" | "disabled" | "readonly" | "clearable" | "behavior" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision">;
|
110
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "prefix" | "step" | "disabled" | "modelValue" | "readonly" | "clearable" | "behavior" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision" | "rows">;
|
104
111
|
$attrs: {
|
105
112
|
[x: string]: unknown;
|
106
113
|
};
|
@@ -179,8 +186,13 @@ declare const BkInput: {
|
|
179
186
|
} & {
|
180
187
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
181
188
|
};
|
182
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
189
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
190
|
+
default: string | number;
|
191
|
+
};
|
183
192
|
size: import("vue-types").VueTypeDef<string>;
|
193
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
194
|
+
default: number;
|
195
|
+
};
|
184
196
|
}>> & {
|
185
197
|
onPaste?: (...args: any[]) => any;
|
186
198
|
onFocus?: (...args: any[]) => any;
|
@@ -199,6 +211,7 @@ declare const BkInput: {
|
|
199
211
|
prefix: string;
|
200
212
|
step: number;
|
201
213
|
disabled: boolean;
|
214
|
+
modelValue: string | number;
|
202
215
|
readonly: boolean;
|
203
216
|
clearable: boolean;
|
204
217
|
behavior: string;
|
@@ -212,6 +225,7 @@ declare const BkInput: {
|
|
212
225
|
showControl: boolean;
|
213
226
|
showClearOnlyHover: boolean;
|
214
227
|
precision: number;
|
228
|
+
rows: number;
|
215
229
|
}> & {
|
216
230
|
beforeCreate?: (() => void) | (() => void)[];
|
217
231
|
created?: (() => void) | (() => void)[];
|
@@ -297,8 +311,13 @@ declare const BkInput: {
|
|
297
311
|
} & {
|
298
312
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
299
313
|
};
|
300
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
314
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
315
|
+
default: string | number;
|
316
|
+
};
|
301
317
|
size: import("vue-types").VueTypeDef<string>;
|
318
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
319
|
+
default: number;
|
320
|
+
};
|
302
321
|
}>> & {
|
303
322
|
onPaste?: (...args: any[]) => any;
|
304
323
|
onFocus?: (...args: any[]) => any;
|
@@ -380,8 +399,13 @@ declare const BkInput: {
|
|
380
399
|
} & {
|
381
400
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
382
401
|
};
|
383
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
402
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
403
|
+
default: string | number;
|
404
|
+
};
|
384
405
|
size: import("vue-types").VueTypeDef<string>;
|
406
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
407
|
+
default: number;
|
408
|
+
};
|
385
409
|
}>> & {
|
386
410
|
onPaste?: (...args: any[]) => any;
|
387
411
|
onFocus?: (...args: any[]) => any;
|
@@ -400,6 +424,7 @@ declare const BkInput: {
|
|
400
424
|
prefix: string;
|
401
425
|
step: number;
|
402
426
|
disabled: boolean;
|
427
|
+
modelValue: string | number;
|
403
428
|
readonly: boolean;
|
404
429
|
clearable: boolean;
|
405
430
|
behavior: string;
|
@@ -413,5 +438,6 @@ declare const BkInput: {
|
|
413
438
|
showControl: boolean;
|
414
439
|
showClearOnlyHover: boolean;
|
415
440
|
precision: number;
|
441
|
+
rows: number;
|
416
442
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
417
443
|
export default BkInput;
|
package/lib/input/input.css
CHANGED
@@ -19,6 +19,35 @@
|
|
19
19
|
.bk-fade-transtion .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
22
|
+
.bk-textarea {
|
23
|
+
width: 100%;
|
24
|
+
min-height: 70px;
|
25
|
+
font-size: 12px;
|
26
|
+
line-height: 20px;
|
27
|
+
background-color: white;
|
28
|
+
border: 1px solid #c4c6cc;
|
29
|
+
border-radius: 2px;
|
30
|
+
box-sizing: border-box;
|
31
|
+
transition: all 0.3s;
|
32
|
+
}
|
33
|
+
.bk-textarea > textarea {
|
34
|
+
width: 100%;
|
35
|
+
padding: 5px 10px;
|
36
|
+
line-height: 1.5;
|
37
|
+
text-align: left;
|
38
|
+
vertical-align: middle;
|
39
|
+
border: 0;
|
40
|
+
outline: none;
|
41
|
+
resize: none;
|
42
|
+
}
|
43
|
+
.bk-textarea--max-length {
|
44
|
+
align-self: center;
|
45
|
+
padding-right: 10px;
|
46
|
+
margin: 0;
|
47
|
+
}
|
48
|
+
.bk-textarea--max-length span {
|
49
|
+
color: #979ba5;
|
50
|
+
}
|
22
51
|
.bk-input {
|
23
52
|
display: flex;
|
24
53
|
align-items: stretch;
|
@@ -48,12 +77,24 @@
|
|
48
77
|
}
|
49
78
|
.bk-input--large {
|
50
79
|
height: 38px;
|
80
|
+
font-size: 14px;
|
81
|
+
}
|
82
|
+
.bk-input--large--max-length {
|
51
83
|
font-size: 16px;
|
52
84
|
}
|
53
85
|
.bk-input--small {
|
54
86
|
height: 26px;
|
55
87
|
font-size: 12px;
|
56
88
|
}
|
89
|
+
.bk-input--small--max-length {
|
90
|
+
font-size: 12px;
|
91
|
+
}
|
92
|
+
.bk-input--default {
|
93
|
+
font-size: 12px;
|
94
|
+
}
|
95
|
+
.bk-input--default--max-length {
|
96
|
+
font-size: 12px;
|
97
|
+
}
|
57
98
|
.bk-input.is-focused:not(.is-readonly) {
|
58
99
|
border-color: #3a84ff;
|
59
100
|
outline: 0;
|
@@ -91,7 +132,6 @@
|
|
91
132
|
}
|
92
133
|
.bk-input--text {
|
93
134
|
padding: 0 10px;
|
94
|
-
font-size: 12px;
|
95
135
|
line-height: 1;
|
96
136
|
color: #63656e;
|
97
137
|
background-color: white;
|
package/lib/input/input.d.ts
CHANGED
@@ -64,8 +64,13 @@ export declare const inputType: {
|
|
64
64
|
} & {
|
65
65
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
66
66
|
};
|
67
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
67
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
68
|
+
default: string | number;
|
69
|
+
};
|
68
70
|
size: import("vue-types").VueTypeDef<string>;
|
71
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
72
|
+
default: number;
|
73
|
+
};
|
69
74
|
};
|
70
75
|
export declare type InputType = ExtractPropTypes<typeof inputType>;
|
71
76
|
declare const _default: import("vue").DefineComponent<{
|
@@ -133,8 +138,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
133
138
|
} & {
|
134
139
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
135
140
|
};
|
136
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
141
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
142
|
+
default: string | number;
|
143
|
+
};
|
137
144
|
size: import("vue-types").VueTypeDef<string>;
|
145
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
146
|
+
default: number;
|
147
|
+
};
|
138
148
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
139
149
|
type: import("vue-types").VueTypeValidableDef<string> & {
|
140
150
|
default: string;
|
@@ -200,8 +210,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
200
210
|
} & {
|
201
211
|
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
202
212
|
};
|
203
|
-
modelValue: import("vue-types").VueTypeDef<string | number
|
213
|
+
modelValue: import("vue-types").VueTypeDef<string | number> & {
|
214
|
+
default: string | number;
|
215
|
+
};
|
204
216
|
size: import("vue-types").VueTypeDef<string>;
|
217
|
+
rows: import("vue-types").VueTypeValidableDef<number> & {
|
218
|
+
default: number;
|
219
|
+
};
|
205
220
|
}>> & {
|
206
221
|
onPaste?: (...args: any[]) => any;
|
207
222
|
onFocus?: (...args: any[]) => any;
|
@@ -220,6 +235,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
220
235
|
prefix: string;
|
221
236
|
step: number;
|
222
237
|
disabled: boolean;
|
238
|
+
modelValue: string | number;
|
223
239
|
readonly: boolean;
|
224
240
|
clearable: boolean;
|
225
241
|
behavior: string;
|
@@ -233,5 +249,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
233
249
|
showControl: boolean;
|
234
250
|
showClearOnlyHover: boolean;
|
235
251
|
precision: number;
|
252
|
+
rows: number;
|
236
253
|
}>;
|
237
254
|
export default _default;
|
package/lib/input/input.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/defineProperty","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon")):r(e["../shared"],e["@babel/runtime/helpers/slicedToArray"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n)=>(()=>{"use strict";var
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/defineProperty","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon")):r(e["../shared"],e["@babel/runtime/helpers/slicedToArray"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n)=>(()=>{"use strict";var a={6870:e=>{e.exports=n},4212:r=>{r.exports=e},311:e=>{e.exports=t},1673:e=>{e.exports=r},748:e=>{e.exports=o}},l={};function i(e){var r=l[e];if(void 0!==r)return r.exports;var t=l[e]={exports:{}};return a[e](t,t.exports,i),t.exports}i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{i.r(u),i.d(u,{default:()=>f});var e=i(4212),r=i(1673),t=i.n(r),o=i(311),n=i.n(o),a=i(748);Object.create,Object.create;var l=i(6870),s={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string,prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:e.PropTypes.commonType(["simplicity","normal"]).def("normal"),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!1),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),size:e.PropTypes.size(),rows:e.PropTypes.number},p=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],c=(0,e.stringEnum)([].concat(p));const d=(0,a.defineComponent)({name:"Input",inheritAttrs:!1,props:s,emits:[].concat(p),setup:function(r,o){this.$createElement;var i=(0,a.ref)(!1),u=(0,a.ref)(!1),s=(0,a.computed)((function(){return"textarea"===r.type})),p=(0,a.computed)((function(){return s.value?"bk-textarea":"bk-input"})),d=o.attrs,f=d.class,m=d.style,y=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(d,["class","style"]),v=(0,a.computed)((function(){var t;return(0,e.classes)((t={},n()(t,"".concat(p.value,"--").concat(r.size),!!r.size),n()(t,"is-focused",i.value),n()(t,"is-readonly",r.readonly),n()(t,"is-disabled",r.disabled),n()(t,"is-simplicity","simplicity"===r.behavior),n()(t,"".concat(f),!!f),t),p.value)})),b={search:function(){return(0,a.createVNode)(l.Search,null,null)},password:function(){return(0,a.createVNode)(l.Eye,{onClick:H},null)}},x=D("suffix-icon"),h=(0,a.computed)((function(){var e=b[r.type];return T.value?(0,a.createVNode)(l.Unvisible,{onClick:H,class:x},null):e?(0,a.createVNode)(e,{class:x},null):null})),g=(0,a.computed)((function(){return"number"===r.type})),P=(0,a.computed)((function(){return Math.floor(r.maxlength)})),T=(0,a.ref)(!1),V=(0,a.computed)((function(){return(0,e.classes)({"show-clear-only-hover":r.showClearOnlyHover},x)}));function w(){o.emit(c["update:modelValue"],""),o.emit(c.change,""),o.emit(c.clear)}function N(e){i.value=!0,o.emit(c.focus,e)}function O(e){i.value=!1,o.emit(c.blur,e)}var k=[c.keyup,c.keydown,c.keypress,c.paste,c.change,c.input].map((function(e){return function(r){var t=e;("Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||(t=c.enter,r.type===c.keyup))&&(u.value&&[c.input,c.change].some((function(r){return e===r}))||(e===c.input&&o.emit(c["update:modelValue"],g.value?+r.target.value:r.target.value),o.emit(t,r.target.value,r)))}})),C=t()(k,6),j=C[0],S=C[1],I=C[2],q=C[3],E=C[4],M=C[5];function A(){u.value=!0}function z(e){u.value=!1,M(e)}function _(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=parseInt(String(e),10),n=Number.isInteger(r.precision)?r.precision:0,a=parseFloat(r.modelValue.toString()),l=Number.isInteger(o)?o:1,i=a+(t?l:-1*l);return Number.isInteger(r.max)&&(i=Math.min(i,r.max)),Number.isInteger(r.min)&&(i=Math.max(i,r.min)),+i.toFixed(n)}function F(){var e=_(r.step);o.emit(c["update:modelValue"],e)}function K(){var e=_(r.step,!1);o.emit(c["update:modelValue"],e)}function D(e){return"".concat(p.value,"--").concat(e)}function H(){T.value=!T.value}var L=(0,a.computed)((function(){return{value:r.modelValue,maxlength:r.maxlength,placeholder:r.placeholder,readonly:r.readonly,disabled:r.disabled,onInput:M,onFocus:N,onBlur:O,onPaste:q,onChange:E,onKeypress:I,onKeydown:S,onKeyup:j,onCompositionstart:A,onCompositionend:z}}));return function(){var e,t,n,i,u,c;return(0,a.createVNode)("div",{class:v.value,style:m},[null!==(n=null===(t=null===(e=o.slots)||void 0===e?void 0:e.prefix)||void 0===t?void 0:t.call(e))&&void 0!==n?n:r.prefix&&(0,a.createVNode)("div",{class:D("prefix-area")},[(0,a.createVNode)("span",{class:D("prefix-area--text")},[r.prefix])]),s.value?(0,a.createVNode)("textarea",(0,a.mergeProps)(y,L.value,{rows:r.rows}),null):(0,a.createVNode)("input",(0,a.mergeProps)(y,{class:"".concat(p.value,"--text"),type:T.value&&"password"===r.type?"text":r.type,step:r.step,max:r.max,min:r.min},L.value),null),!s.value&&r.clearable&&!!r.modelValue&&(0,a.createVNode)(l.Close,{onClick:w,class:V.value},null),h.value,"number"==typeof r.maxlength&&(r.showWordLimit||s.value)&&(0,a.createVNode)("p",{class:D("max-length")},[r.modelValue.toString().length,(0,a.createTextVNode)("/"),(0,a.createVNode)("span",null,[P.value])]),g.value&&r.showControl&&(0,a.createVNode)("div",{class:D("number-control")},[(0,a.createVNode)(l.DownSmall,{onClick:F},null),(0,a.createVNode)(l.DownSmall,{onClick:K},null)]),null!==(c=null===(u=null===(i=o.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==c?c:r.suffix&&(0,a.createVNode)("div",{class:D("suffix-area")},[(0,a.createVNode)("span",{class:D("suffix-area--text")},[r.suffix])])])}}}),f=(0,e.withInstall)(d)})(),u})()));
|
package/lib/input/input.less
CHANGED
@@ -13,6 +13,40 @@
|
|
13
13
|
opacity: 1;
|
14
14
|
}
|
15
15
|
|
16
|
+
.@{bk-prefix}-textarea {
|
17
|
+
width: 100%;
|
18
|
+
min-height: 70px;
|
19
|
+
font-size: @font-size-base;
|
20
|
+
line-height: 20px;
|
21
|
+
background-color: white;
|
22
|
+
border: @border-width-base @border-style-base @input-border-color;
|
23
|
+
border-radius: 2px;
|
24
|
+
border-radius: @border-radius-base;
|
25
|
+
box-sizing: border-box;
|
26
|
+
transition: all .3s;
|
27
|
+
|
28
|
+
> textarea {
|
29
|
+
width: 100%;
|
30
|
+
padding: 5px 10px;
|
31
|
+
line-height: 1.5;
|
32
|
+
text-align: left;
|
33
|
+
vertical-align: middle;
|
34
|
+
border: 0;
|
35
|
+
outline: none;
|
36
|
+
resize: none;
|
37
|
+
}
|
38
|
+
|
39
|
+
&--max-length {
|
40
|
+
align-self: center;
|
41
|
+
padding-right: @input-horizontal-padding;
|
42
|
+
margin: 0;
|
43
|
+
|
44
|
+
span {
|
45
|
+
color: @input-maxlength-color;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
16
50
|
.@{bk-prefix}-input {
|
17
51
|
display: flex;
|
18
52
|
align-items: stretch;
|
@@ -47,11 +81,27 @@
|
|
47
81
|
}
|
48
82
|
|
49
83
|
&--large {
|
50
|
-
.component-size(@component-size-large, @font-size-
|
84
|
+
.component-size(@component-size-large, @font-size-medium);
|
85
|
+
|
86
|
+
&--max-length {
|
87
|
+
font-size: @font-size-large;
|
88
|
+
}
|
51
89
|
}
|
52
90
|
|
53
91
|
&--small {
|
54
92
|
.component-size(@component-size-small, @font-size-base);
|
93
|
+
|
94
|
+
&--max-length {
|
95
|
+
font-size: @font-size-base;
|
96
|
+
}
|
97
|
+
}
|
98
|
+
|
99
|
+
&--default {
|
100
|
+
font-size: @font-size-base;
|
101
|
+
|
102
|
+
&--max-length {
|
103
|
+
font-size: @font-size-base;
|
104
|
+
}
|
55
105
|
}
|
56
106
|
|
57
107
|
&.is-focused:not(.is-readonly) {
|
@@ -94,7 +144,6 @@
|
|
94
144
|
|
95
145
|
&--text {
|
96
146
|
padding: 0 @input-horizontal-padding;
|
97
|
-
font-size: @font-size-base;
|
98
147
|
line-height: 1;
|
99
148
|
color: @input-color;
|
100
149
|
background-color: @input-bg;
|
@@ -112,6 +112,36 @@
|
|
112
112
|
.bk-fade-transtion .bk-fade-leave-to {
|
113
113
|
opacity: 0;
|
114
114
|
}
|
115
|
+
.bk-textarea {
|
116
|
+
width: 100%;
|
117
|
+
min-height: 70px;
|
118
|
+
font-size: var(--font-size-base);
|
119
|
+
line-height: 20px;
|
120
|
+
background-color: white;
|
121
|
+
border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
|
122
|
+
border-radius: 2px;
|
123
|
+
border-radius: var(--border-radius-base);
|
124
|
+
box-sizing: border-box;
|
125
|
+
transition: all 0.3s;
|
126
|
+
}
|
127
|
+
.bk-textarea > textarea {
|
128
|
+
width: 100%;
|
129
|
+
padding: 5px 10px;
|
130
|
+
line-height: 1.5;
|
131
|
+
text-align: left;
|
132
|
+
vertical-align: middle;
|
133
|
+
border: 0;
|
134
|
+
outline: none;
|
135
|
+
resize: none;
|
136
|
+
}
|
137
|
+
.bk-textarea--max-length {
|
138
|
+
align-self: center;
|
139
|
+
padding-right: var(--input-horizontal-padding);
|
140
|
+
margin: 0;
|
141
|
+
}
|
142
|
+
.bk-textarea--max-length span {
|
143
|
+
color: var(--input-maxlength-color);
|
144
|
+
}
|
115
145
|
.bk-input {
|
116
146
|
display: flex;
|
117
147
|
align-items: stretch;
|
@@ -141,12 +171,24 @@
|
|
141
171
|
}
|
142
172
|
.bk-input--large {
|
143
173
|
height: var(--component-size-large);
|
174
|
+
font-size: var(--font-size-medium);
|
175
|
+
}
|
176
|
+
.bk-input--large--max-length {
|
144
177
|
font-size: var(--font-size-large);
|
145
178
|
}
|
146
179
|
.bk-input--small {
|
147
180
|
height: var(--component-size-small);
|
148
181
|
font-size: var(--font-size-base);
|
149
182
|
}
|
183
|
+
.bk-input--small--max-length {
|
184
|
+
font-size: var(--font-size-base);
|
185
|
+
}
|
186
|
+
.bk-input--default {
|
187
|
+
font-size: var(--font-size-base);
|
188
|
+
}
|
189
|
+
.bk-input--default--max-length {
|
190
|
+
font-size: var(--font-size-base);
|
191
|
+
}
|
150
192
|
.bk-input.is-focused:not(.is-readonly) {
|
151
193
|
border-color: var(--primary-color);
|
152
194
|
outline: 0;
|
@@ -184,7 +226,6 @@
|
|
184
226
|
}
|
185
227
|
.bk-input--text {
|
186
228
|
padding: 0 var(--input-horizontal-padding);
|
187
|
-
font-size: var(--font-size-base);
|
188
229
|
line-height: 1;
|
189
230
|
color: var(--input-color);
|
190
231
|
background-color: var(--input-bg);
|
package/lib/shared/index.d.ts
CHANGED
@@ -31,6 +31,7 @@ export * from './mask-manager';
|
|
31
31
|
export * from './helper';
|
32
32
|
export * from './vue-types';
|
33
33
|
export * from './scrollbar-width';
|
34
|
+
export * from './utils';
|
34
35
|
export declare function classes(dynamicCls: object, constCls?: string): string;
|
35
36
|
export declare const EMPTY_OBJ: any;
|
36
37
|
export declare const noop: () => void;
|
package/lib/shared/shared.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/defineProperty","@babel/runtime/helpers/typeof","@babel/runtime/helpers/toConsumableArray","@popperjs/core","@babel/runtime/helpers/inherits","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","vue-types"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types")):t(e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["@babel/runtime/helpers/defineProperty"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/toConsumableArray"],e["@popperjs/core"],e["@babel/runtime/helpers/inherits"],e["@babel/runtime/helpers/possibleConstructorReturn"],e["@babel/runtime/helpers/getPrototypeOf"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,i,o,s,a,u,l)=>(()=>{"use strict";var c={3162:t=>{t.exports=e},5111:e=>{e.exports=t},311:e=>{e.exports=n},5365:e=>{e.exports=u},1346:e=>{e.exports=s},3205:e=>{e.exports=a},642:e=>{e.exports=i},8541:e=>{e.exports=r},5798:e=>{e.exports=o},210:e=>{e.exports=l}},p={};function h(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return c[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{h.r(d),h.d(d,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>t,BKPopover:()=>A,BkMaskManager:()=>R,EMPTY_OBJ:()=>Q,Placements:()=>K,PropTypes:()=>J,Size:()=>G,bKMaskManager:()=>U,bkPopIndexManager:()=>q,bkZIndexManager:()=>l,classes:()=>$,clone:()=>E,elementsEqual:()=>S,finiteOrDefault:()=>x,isArray:()=>g,isElement:()=>L,isEmpty:()=>m,isEmptyObj:()=>ne,isFinite:()=>I,isNullOrUndef:()=>b,isObject:()=>k,merge:()=>M,mergeIf:()=>P,mergerFn:()=>j,mergerIfFn:()=>w,noop:()=>ee,renderEmptyVNode:()=>te,resolveClassName:()=>oe,scrollbarWidth:()=>X,stringEnum:()=>W,valueOrDefault:()=>O,withInstall:()=>re,withInstallProps:()=>ie});var e,t,n=h(3162),r=h.n(n),i=h(5111),o=h.n(i),s=h(311),a=h.n(s);!function(e){e.BOTTOM="bottom",e.CONTENT="content",e.NAVI="navi",e.FULLSCREEN="fullScreen",e.PLUGINS="plugins",e.MODAL="modal",e.MESSAGE="message",e.POPPER="popper"}(t||(t={}));var u=(e={},a()(e,t.BOTTOM,0),a()(e,t.CONTENT,1),a()(e,t.NAVI,100),a()(e,t.FULLSCREEN,1e3),a()(e,t.MODAL,3e3),a()(e,t.PLUGINS,8e3),a()(e,t.MESSAGE,1e4),a()(e,t.POPPER,99999),e),l=new(function(){function e(){r()(this,e),this.storageLayerIndexValue={},this.copyDefaultValue()}return o()(e,[{key:"getNextIndex",value:function(e){return Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue,e)?(this.storageLayerIndexValue[e]=this.storageLayerIndexValue[e]+1,this.storageLayerIndexValue[e]):(this.storageLayerIndexValue[t.MODAL]=this.storageLayerIndexValue[t.MODAL]+1,this.storageLayerIndexValue[t.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(t.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(t.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(t.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(t.NAVI)}},{key:"getPopperIndex",value:function(){return u.popper}},{key:"setDefaultZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue.__proto__,n)&&Object.assign(t.storageLayerIndexValue.__proto__,a()({},n,e[n]))})),this.copyDefaultValue()}},{key:"resetZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue,n)&&Object.assign(t.storageLayerIndexValue,a()({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,a()({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),e}()),c=h(8541),p=h.n(c),f=h(642),v=h.n(f),y=h(5798);function b(e){return null==e}function m(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&b(e)}function g(e){if(Array.isArray(e))return!0;var t=Object.prototype.toString.call(e);return"[object"===t.substr(0,7)&&"Array]"===t.substr(-6)}function k(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var I=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function x(e,t){return I(e)?e:t}function O(e,t){return void 0===e?t:e}function S(e,t){var n,r,i,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,r=e.length;n<r;++n)if(i=e[n],o=t[n],i.datasetIndex!==o.datasetIndex||i.index!==o.index)return!1;return!0}function E(e){if(g(e))return e.map(E);if(k(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=E(e[n[i]]);return t}return e}function T(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function j(e,t,n,r){if(T(e)){var i=t[e],o=n[e];k(i)&&k(o)?M(i,o,r):t[e]=E(o)}}function M(e,t,n){var r=g(t)?t:[t],i=r.length;if(!k(e))return e;for(var o=(n=n||{}).merger||j,s=0;s<i;++s)if(k(t=r[s]))for(var a=Object.keys(t),u=0,l=a.length;u<l;++u)o(a[u],e,t,n);return e}function P(e,t){return M(e,t,{merger:w})}function w(e,t,n){if(T(e)){var r=t[e],i=n[e];k(r)&&k(i)?P(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=E(i))}}function L(e){try{return e instanceof HTMLElement}catch(t){return"object"===p()(e)&&1===e.nodeType&&"object"===p()(e.style)&&"object"===p()(e.ownerDocument)}}var A=function(){function e(t,n,i){var o,s;r()(this,e),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.reference=void 0,this.referenceTarget=void 0,this.popperRefer=void 0,this.delay=50,this.isInnerPopper=!1,this.disabled=!1,this.afterShow=null,this.afterHidden=null,this.appendTo="parent",this.container=null,this.fixOnBoundary=!1,this.instanceOptions=this.initDefaultOptions(i),this.reference=this.resolveInputSelectorToHtmlElement(t),this.popperRefer=this.resolveInputSelectorToHtmlElement(n),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.appendTo=this.instanceOptions.appendTo,this.afterHidden="function"==typeof i.afterHidden?i.afterHidden:function(){},this.afterShow="function"==typeof i.afterShow?i.afterShow:function(){},this.fixOnBoundary=this.instanceOptions.fixOnBoundary,this.initInstance(),this.registerEvents(),this.isShow&&this.show(null)}return o()(e,[{key:"forceUpdate",value:function(){var e;null===(e=this.instance)||void 0===e||e.forceUpdate()}},{key:"update",value:function(){var e;null===(e=this.instance)||void 0===e||e.update()}},{key:"updateOptions",value:function(e){var t;this.instanceOptions=this.initDefaultOptions(e),this.isShow=!!(null===(t=this.instanceOptions)||void 0===t?void 0:t.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.setOptions(this.instanceOptions)}},{key:"setOptions",value:function(e){var t;null===(t=this.instance)||void 0===t||t.setOptions(e)}},{key:"destroy",value:function(){var e;null===(e=this.instance)||void 0===e||e.destroy()}},{key:"updateDisabled",value:function(e){this.disabled=null!=e?e:!this.disabled,this.disabled&&this.hide()}},{key:"show",value:function(e){var t;this.disabled||(null===(t=this.popperRefer)||void 0===t||t.setAttribute("data-show",""),this.setOptions({modifiers:[].concat(v()(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(v()(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!1}])}),this.isShow=!1,this.isInnerPopper=!1,this.afterHidden(),this.fixOnBoundary||this.restorePopContent()}},{key:"restorePopContent",value:function(){var e=this.getAppendToTarget();L(e)&&e.contains(this.popperRefer)&&this.container&&!this.container.contains(this.popperRefer)&&this.container.append(this.popperRefer)}},{key:"appendToTarget",value:function(){var e=this.getAppendToTarget();L(e)&&e.contains(this.popperRefer)&&e.append(this.popperRefer)}},{key:"getAppendToTarget",value:function(){var e=this.appendTo,t=e;return"parent"!==e&&"string"==typeof e&&(t=document.querySelector(e)),t}},{key:"initDefaultOptions",value:function(e){var t=this,n=M({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),r=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof r&&(r.call(t,e),t.handleFirstUpdate())},n}},{key:"handleFirstUpdate",value:function(){this.fixOnBoundary&&this.appendToTarget()}},{key:"getTargetReferenceElement",value:function(){return this.isElement(this.reference)&&1===this.reference.childElementCount?this.reference.firstElementChild:this.reference}},{key:"initInstance",value:function(){var e,t;this.referenceTarget&&(this.referenceTarget&&this.popperRefer?(this.instance=(0,y.createPopper)(this.referenceTarget,this.popperRefer,this.instanceOptions),null===(e=this.popperRefer)||void 0===e||e.setAttribute("data-theme",null!==(t=this.instanceOptions.theme)&&void 0!==t?t:"dark")):console.error("reference or popperRefer is null, please check html element."))}},{key:"resolveInputSelectorToHtmlElement",value:function(e){if(this.isElement(e))return e;if("string"==typeof e)return document.querySelector(e);if("object"===p()(e)){if(Object.prototype.hasOwnProperty.call(e,"getBoundingClientRect"))return e}else console.error("'getBoundingClientRect' is needed when use virtual elements");return null}},{key:"isElement",value:function(e){return L(e)}},{key:"registerEvents",value:function(){var e=this;this.isElement(this.referenceTarget)&&"hover"===this.trigger&&(["mouseenter","focus"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(n){"mouseenter"===t&&(e.isInnerPopper=!0),e.show(n)}))})),["mouseleave","blur"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(){e.isInnerPopper=!1,setTimeout((function(){!e.isInnerPopper&&e.hide()}),e.delay)}))})),this.isElement(this.popperRefer)&&["mouseenter","mouseleave"].forEach((function(t){e.popperRefer.addEventListener(t,(function(){"mouseenter"===t&&(e.isInnerPopper=!0),"mouseleave"===t&&e.hide()}))}))),"click"===this.trigger&&["click"].forEach((function(t){document.body.addEventListener(t,(function(t){e.isSameElement(t.target,e.reference)||e.reference.contains(t.target)?e.show(t):e.isShow&&!e.isSameElement(t.target,e.popperRefer)&&e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),e}(),C="abcdefghijklmnopqrstuvwxyz0123456789",N=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},R=function(){function e(t){r()(this,e),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var n=t||{},i=n.multiInstance,o=void 0!==i&&i,s=n.maskAttrTag,a=void 0===s?"auto":s,u=n.parentNode,l=void 0===u?document.body:u,c=n.maskStyle,p=void 0===c?{}:c;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=l||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return o()(e,[{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=null!=i?i:N(16),s=/-?\d+/.test("".concat(t))?t:l.getModalNextIndex(),a=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var u=this.zIndexStore.get(this.lastUUID);a=u.style}this.storeMaskInsCfg({zIndex:s,style:Object.assign({},a),uuid:o,preUID:this.lastUUID}),this.setMaskStyle(a),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(s)),this.backupMask.style.setProperty("z-index","".concat(s-1)),e&&(this.activeInstance=e,this.appendContentToMask(e))}},{key:"hide",value:function(e,t){var n,r=null!=t?t:this.lastUUID;this.mask.style.setProperty("display","none"),null==e||e.remove(),null===(n=this.activeInstance)||void 0===n||n.remove(),this.activeInstance=void 0,this.popIndexStore(r)}},{key:"storeMaskInsCfg",value:function(e){return this.zIndexStore.set(e.uuid,e),this.lastUUID=e.uuid,this.zIndexStore.get(e.uuid)}},{key:"popIndexStore",value:function(e){if(this.zIndexStore.has(e)){var t=this.zIndexStore.get(e);return this.lastUUID=t.preUID,this.zIndexStore.delete(e)}return this.lastUUID=null,!1}},{key:"backupActiveInstance",value:function(){this.activeInstance&&this.backupMask.append(this.activeInstance)}},{key:"backupContentElement",value:function(e){e&&this.backupMask.append(e)}},{key:"getActiveContentInstance",value:function(){return this.activeInstance}},{key:"getMask",value:function(){if(this.multiInstance)return this.createMask();var e=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return e||(e=this.createMask()),e}},{key:"createMask",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-bk-mask-uid",t=document.createElement("div");return t.setAttribute(e,this.uniqueMaskAttrTag),this.parentNode.append(t),t}},{key:"setMaskStyle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.mask&&Object.entries(t).forEach((function(t){return e.mask.style.setProperty(t[0],t[1])}))}},{key:"getMaskAttrTag",value:function(e){return/^(auto|\s+)$/i.test(e)||null==e||""===e?"__bk_mask_".concat(N(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),e}(),U=new R({}),q=new(function(){function e(){r()(this,e),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return o()(e,[{key:"show",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r=l.getModalNextIndex(),i=N(16);e.setAttribute(this.uuidAttrName,i),this.popInstanceList.push({uuid:i,zIndex:r,content:e,showMask:t,appendStyle:n}),t&&U.backupActiveInstance(),U.show(e,r,t,n,i)}else console.warn("pop show error: content is null or undefined")}},{key:"popHide",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(this.popInstanceList.length){if(e){var t=this.popInstanceList.pop();U.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],r=n.zIndex,i=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;U.show(i,r,o,s,a)}else U.hide()}}},{key:"hide",value:function(e){var t=null==e?void 0:e.getAttribute(this.uuidAttrName);if(t){var n=this.popInstanceList.findIndex((function(e){return e.uuid===t}));n>=0&&(this.popInstanceList[n].content.remove(),this.popInstanceList.splice(n,1),U.popIndexStore(t),this.popInstanceList.length?this.popHide(!1):U.hide())}else null==e||e.remove()}}]),e}()),D=h(1346),_=h.n(D),V=h(3205),B=h.n(V),z=h(5365),F=h.n(z),H=h(210);var G,K,Y=(0,H.createTypes)({});function W(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(G||(G={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(K||(K={}));var Z,J=function(e){_()(s,e);var t,n,i=(t=s,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=F()(t);if(n){var i=F()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return B()(this,e)});function s(){return r()(this,s),i.apply(this,arguments)}return o()(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,H.toType)("Size",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid size, ".concat(t,", the size must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["primary","warning","success","danger"];return(0,H.toType)("Theme",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))}})}},{key:"placement",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top","left","right","bottom"];return(0,H.toType)("Placements",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid placements, ".concat(t,", the placement must be one of 【").concat(e.join(" | "),"】")),1))},default:"top"})}},{key:"commonType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"commonType";return(0,H.toType)(t.replace(/^\S/,(function(e){return e.toUpperCase()})),{type:String,validator:function(n){var r=e.includes(n);return r||console.error("invalid ".concat(t,", ").concat(n,", the ").concat(t," must be one of 【").concat(e.join(" | "),"】")),r},default:e[0]})}},{key:"style",value:function(){return(0,H.toType)("Style",{type:[String,Object]})}},{key:"position",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top-left","top-right","bottom-left","bottom-right"];return(0,H.toType)("positions",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid positions, ".concat(t,", the position must be one of 【").concat(e.join(" | "),"】")),1))},default:"top-center"})}}]),s}(Y);function X(){if(void 0!==Z)return Z;var e=document.createElement("div");e.className="bk-scrollbar-wrap",e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.width="100%",e.appendChild(n);var r=n.offsetWidth;return e.parentNode.removeChild(e),Z=t-r}function $(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).filter((function(e){return e[1]})).map((function(e){return e[0]})).join(" ").concat(t?" ".concat(t):"")}var Q=Object.create({}),ee=function(){},te=function(){return null},ne=function(e){return Object.keys(e).length<1},re=function(e){return e.install=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.prefix,i=t.config.globalProperties.bkUIPrefix||r||"Bk";t.component(i+e.name,e)},e},ie=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.install=function(r){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=i.prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";r.component(s+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(s+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function oe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}})(),d})()));
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/defineProperty","@babel/runtime/helpers/typeof","@babel/runtime/helpers/toConsumableArray","@popperjs/core","@babel/runtime/helpers/inherits","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","vue-types"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types")):t(e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["@babel/runtime/helpers/defineProperty"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/toConsumableArray"],e["@popperjs/core"],e["@babel/runtime/helpers/inherits"],e["@babel/runtime/helpers/possibleConstructorReturn"],e["@babel/runtime/helpers/getPrototypeOf"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,i,o,s,a,u,l)=>(()=>{"use strict";var c={3162:t=>{t.exports=e},5111:e=>{e.exports=t},311:e=>{e.exports=n},5365:e=>{e.exports=u},1346:e=>{e.exports=s},3205:e=>{e.exports=a},642:e=>{e.exports=i},8541:e=>{e.exports=r},5798:e=>{e.exports=o},210:e=>{e.exports=l}},p={};function h(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return c[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{h.r(d),h.d(d,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>t,BKPopover:()=>A,BkMaskManager:()=>R,EMPTY_OBJ:()=>Q,Placements:()=>K,PropTypes:()=>J,Size:()=>G,bKMaskManager:()=>U,bkPopIndexManager:()=>q,bkZIndexManager:()=>l,classes:()=>$,clone:()=>E,elementsEqual:()=>S,finiteOrDefault:()=>x,isArray:()=>g,isElement:()=>L,isEmpty:()=>m,isEmptyObj:()=>ne,isFinite:()=>I,isNullOrUndef:()=>b,isObject:()=>k,merge:()=>M,mergeIf:()=>P,mergerFn:()=>j,mergerIfFn:()=>w,noop:()=>ee,random:()=>N,renderEmptyVNode:()=>te,resolveClassName:()=>oe,scrollbarWidth:()=>X,stringEnum:()=>W,valueOrDefault:()=>O,withInstall:()=>re,withInstallProps:()=>ie});var e,t,n=h(3162),r=h.n(n),i=h(5111),o=h.n(i),s=h(311),a=h.n(s);!function(e){e.BOTTOM="bottom",e.CONTENT="content",e.NAVI="navi",e.FULLSCREEN="fullScreen",e.PLUGINS="plugins",e.MODAL="modal",e.MESSAGE="message",e.POPPER="popper"}(t||(t={}));var u=(e={},a()(e,t.BOTTOM,0),a()(e,t.CONTENT,1),a()(e,t.NAVI,100),a()(e,t.FULLSCREEN,1e3),a()(e,t.MODAL,3e3),a()(e,t.PLUGINS,8e3),a()(e,t.MESSAGE,1e4),a()(e,t.POPPER,99999),e),l=new(function(){function e(){r()(this,e),this.storageLayerIndexValue={},this.copyDefaultValue()}return o()(e,[{key:"getNextIndex",value:function(e){return Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue,e)?(this.storageLayerIndexValue[e]=this.storageLayerIndexValue[e]+1,this.storageLayerIndexValue[e]):(this.storageLayerIndexValue[t.MODAL]=this.storageLayerIndexValue[t.MODAL]+1,this.storageLayerIndexValue[t.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(t.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(t.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(t.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(t.NAVI)}},{key:"getPopperIndex",value:function(){return u.popper}},{key:"setDefaultZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue.__proto__,n)&&Object.assign(t.storageLayerIndexValue.__proto__,a()({},n,e[n]))})),this.copyDefaultValue()}},{key:"resetZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue,n)&&Object.assign(t.storageLayerIndexValue,a()({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,a()({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),e}()),c=h(8541),p=h.n(c),f=h(642),v=h.n(f),y=h(5798);function b(e){return null==e}function m(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&b(e)}function g(e){if(Array.isArray(e))return!0;var t=Object.prototype.toString.call(e);return"[object"===t.substr(0,7)&&"Array]"===t.substr(-6)}function k(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var I=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function x(e,t){return I(e)?e:t}function O(e,t){return void 0===e?t:e}function S(e,t){var n,r,i,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,r=e.length;n<r;++n)if(i=e[n],o=t[n],i.datasetIndex!==o.datasetIndex||i.index!==o.index)return!1;return!0}function E(e){if(g(e))return e.map(E);if(k(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=E(e[n[i]]);return t}return e}function T(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function j(e,t,n,r){if(T(e)){var i=t[e],o=n[e];k(i)&&k(o)?M(i,o,r):t[e]=E(o)}}function M(e,t,n){var r=g(t)?t:[t],i=r.length;if(!k(e))return e;for(var o=(n=n||{}).merger||j,s=0;s<i;++s)if(k(t=r[s]))for(var a=Object.keys(t),u=0,l=a.length;u<l;++u)o(a[u],e,t,n);return e}function P(e,t){return M(e,t,{merger:w})}function w(e,t,n){if(T(e)){var r=t[e],i=n[e];k(r)&&k(i)?P(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=E(i))}}function L(e){try{return e instanceof HTMLElement}catch(t){return"object"===p()(e)&&1===e.nodeType&&"object"===p()(e.style)&&"object"===p()(e.ownerDocument)}}var A=function(){function e(t,n,i){var o,s;r()(this,e),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.reference=void 0,this.referenceTarget=void 0,this.popperRefer=void 0,this.delay=50,this.isInnerPopper=!1,this.disabled=!1,this.afterShow=null,this.afterHidden=null,this.appendTo="parent",this.container=null,this.fixOnBoundary=!1,this.instanceOptions=this.initDefaultOptions(i),this.reference=this.resolveInputSelectorToHtmlElement(t),this.popperRefer=this.resolveInputSelectorToHtmlElement(n),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.appendTo=this.instanceOptions.appendTo,this.afterHidden="function"==typeof i.afterHidden?i.afterHidden:function(){},this.afterShow="function"==typeof i.afterShow?i.afterShow:function(){},this.fixOnBoundary=this.instanceOptions.fixOnBoundary,this.initInstance(),this.registerEvents(),this.isShow&&this.show(null)}return o()(e,[{key:"forceUpdate",value:function(){var e;null===(e=this.instance)||void 0===e||e.forceUpdate()}},{key:"update",value:function(){var e;null===(e=this.instance)||void 0===e||e.update()}},{key:"updateOptions",value:function(e){var t;this.instanceOptions=this.initDefaultOptions(e),this.isShow=!!(null===(t=this.instanceOptions)||void 0===t?void 0:t.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.setOptions(this.instanceOptions)}},{key:"setOptions",value:function(e){var t;null===(t=this.instance)||void 0===t||t.setOptions(e)}},{key:"destroy",value:function(){var e;null===(e=this.instance)||void 0===e||e.destroy()}},{key:"updateDisabled",value:function(e){this.disabled=null!=e?e:!this.disabled,this.disabled&&this.hide()}},{key:"show",value:function(e){var t;this.disabled||(null===(t=this.popperRefer)||void 0===t||t.setAttribute("data-show",""),this.setOptions({modifiers:[].concat(v()(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(v()(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!1}])}),this.isShow=!1,this.isInnerPopper=!1,this.afterHidden(),this.fixOnBoundary||this.restorePopContent()}},{key:"restorePopContent",value:function(){var e=this.getAppendToTarget();L(e)&&e.contains(this.popperRefer)&&this.container&&!this.container.contains(this.popperRefer)&&this.container.append(this.popperRefer)}},{key:"appendToTarget",value:function(){var e=this.getAppendToTarget();L(e)&&e.contains(this.popperRefer)&&e.append(this.popperRefer)}},{key:"getAppendToTarget",value:function(){var e=this.appendTo,t=e;return"parent"!==e&&"string"==typeof e&&(t=document.querySelector(e)),t}},{key:"initDefaultOptions",value:function(e){var t=this,n=M({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),r=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof r&&(r.call(t,e),t.handleFirstUpdate())},n}},{key:"handleFirstUpdate",value:function(){this.fixOnBoundary&&this.appendToTarget()}},{key:"getTargetReferenceElement",value:function(){return this.isElement(this.reference)&&1===this.reference.childElementCount?this.reference.firstElementChild:this.reference}},{key:"initInstance",value:function(){var e,t;this.referenceTarget&&(this.referenceTarget&&this.popperRefer?(this.instance=(0,y.createPopper)(this.referenceTarget,this.popperRefer,this.instanceOptions),null===(e=this.popperRefer)||void 0===e||e.setAttribute("data-theme",null!==(t=this.instanceOptions.theme)&&void 0!==t?t:"dark")):console.error("reference or popperRefer is null, please check html element."))}},{key:"resolveInputSelectorToHtmlElement",value:function(e){if(this.isElement(e))return e;if("string"==typeof e)return document.querySelector(e);if("object"===p()(e)){if(Object.prototype.hasOwnProperty.call(e,"getBoundingClientRect"))return e}else console.error("'getBoundingClientRect' is needed when use virtual elements");return null}},{key:"isElement",value:function(e){return L(e)}},{key:"registerEvents",value:function(){var e=this;this.isElement(this.referenceTarget)&&"hover"===this.trigger&&(["mouseenter","focus"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(n){"mouseenter"===t&&(e.isInnerPopper=!0),e.show(n)}))})),["mouseleave","blur"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(){e.isInnerPopper=!1,setTimeout((function(){!e.isInnerPopper&&e.hide()}),e.delay)}))})),this.isElement(this.popperRefer)&&["mouseenter","mouseleave"].forEach((function(t){e.popperRefer.addEventListener(t,(function(){"mouseenter"===t&&(e.isInnerPopper=!0),"mouseleave"===t&&e.hide()}))}))),"click"===this.trigger&&["click"].forEach((function(t){document.body.addEventListener(t,(function(t){e.isSameElement(t.target,e.reference)||e.reference.contains(t.target)?e.show(t):e.isShow&&!e.isSameElement(t.target,e.popperRefer)&&e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),e}(),C="abcdefghijklmnopqrstuvwxyz0123456789",N=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},R=function(){function e(t){r()(this,e),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var n=t||{},i=n.multiInstance,o=void 0!==i&&i,s=n.maskAttrTag,a=void 0===s?"auto":s,u=n.parentNode,l=void 0===u?document.body:u,c=n.maskStyle,p=void 0===c?{}:c;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=l||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return o()(e,[{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=null!=i?i:N(16),s=/-?\d+/.test("".concat(t))?t:l.getModalNextIndex(),a=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var u=this.zIndexStore.get(this.lastUUID);a=u.style}this.storeMaskInsCfg({zIndex:s,style:Object.assign({},a),uuid:o,preUID:this.lastUUID}),this.setMaskStyle(a),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(s)),this.backupMask.style.setProperty("z-index","".concat(s-1)),e&&(this.activeInstance=e,this.appendContentToMask(e))}},{key:"hide",value:function(e,t){var n,r=null!=t?t:this.lastUUID;this.mask.style.setProperty("display","none"),null==e||e.remove(),null===(n=this.activeInstance)||void 0===n||n.remove(),this.activeInstance=void 0,this.popIndexStore(r)}},{key:"storeMaskInsCfg",value:function(e){return this.zIndexStore.set(e.uuid,e),this.lastUUID=e.uuid,this.zIndexStore.get(e.uuid)}},{key:"popIndexStore",value:function(e){if(this.zIndexStore.has(e)){var t=this.zIndexStore.get(e);return this.lastUUID=t.preUID,this.zIndexStore.delete(e)}return this.lastUUID=null,!1}},{key:"backupActiveInstance",value:function(){this.activeInstance&&this.backupMask.append(this.activeInstance)}},{key:"backupContentElement",value:function(e){e&&this.backupMask.append(e)}},{key:"getActiveContentInstance",value:function(){return this.activeInstance}},{key:"getMask",value:function(){if(this.multiInstance)return this.createMask();var e=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return e||(e=this.createMask()),e}},{key:"createMask",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-bk-mask-uid",t=document.createElement("div");return t.setAttribute(e,this.uniqueMaskAttrTag),this.parentNode.append(t),t}},{key:"setMaskStyle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.mask&&Object.entries(t).forEach((function(t){return e.mask.style.setProperty(t[0],t[1])}))}},{key:"getMaskAttrTag",value:function(e){return/^(auto|\s+)$/i.test(e)||null==e||""===e?"__bk_mask_".concat(N(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),e}(),U=new R({}),q=new(function(){function e(){r()(this,e),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return o()(e,[{key:"show",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r=l.getModalNextIndex(),i=N(16);e.setAttribute(this.uuidAttrName,i),this.popInstanceList.push({uuid:i,zIndex:r,content:e,showMask:t,appendStyle:n}),t&&U.backupActiveInstance(),U.show(e,r,t,n,i)}else console.warn("pop show error: content is null or undefined")}},{key:"popHide",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(this.popInstanceList.length){if(e){var t=this.popInstanceList.pop();U.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],r=n.zIndex,i=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;U.show(i,r,o,s,a)}else U.hide()}}},{key:"hide",value:function(e){var t=null==e?void 0:e.getAttribute(this.uuidAttrName);if(t){var n=this.popInstanceList.findIndex((function(e){return e.uuid===t}));n>=0&&(this.popInstanceList[n].content.remove(),this.popInstanceList.splice(n,1),U.popIndexStore(t),this.popInstanceList.length?this.popHide(!1):U.hide())}else null==e||e.remove()}}]),e}()),D=h(1346),_=h.n(D),V=h(3205),B=h.n(V),z=h(5365),F=h.n(z),H=h(210);var G,K,Y=(0,H.createTypes)({});function W(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(G||(G={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(K||(K={}));var Z,J=function(e){_()(s,e);var t,n,i=(t=s,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=F()(t);if(n){var i=F()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return B()(this,e)});function s(){return r()(this,s),i.apply(this,arguments)}return o()(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,H.toType)("Size",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid size, ".concat(t,", the size must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["primary","warning","success","danger"];return(0,H.toType)("Theme",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))}})}},{key:"placement",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top","left","right","bottom"];return(0,H.toType)("Placements",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid placements, ".concat(t,", the placement must be one of 【").concat(e.join(" | "),"】")),1))},default:"top"})}},{key:"commonType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"commonType";return(0,H.toType)(t.replace(/^\S/,(function(e){return e.toUpperCase()})),{type:String,validator:function(n){var r=e.includes(n);return r||console.error("invalid ".concat(t,", ").concat(n,", the ").concat(t," must be one of 【").concat(e.join(" | "),"】")),r},default:e[0]})}},{key:"style",value:function(){return(0,H.toType)("Style",{type:[String,Object]})}},{key:"position",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top-left","top-right","bottom-left","bottom-right"];return(0,H.toType)("positions",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid positions, ".concat(t,", the position must be one of 【").concat(e.join(" | "),"】")),1))},default:"top-center"})}}]),s}(Y);function X(){if(void 0!==Z)return Z;var e=document.createElement("div");e.className="bk-scrollbar-wrap",e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.width="100%",e.appendChild(n);var r=n.offsetWidth;return e.parentNode.removeChild(e),Z=t-r}function $(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).filter((function(e){return e[1]})).map((function(e){return e[0]})).join(" ").concat(t?" ".concat(t):"")}var Q=Object.create({}),ee=function(){},te=function(){return null},ne=function(e){return Object.keys(e).length<1},re=function(e){return e.install=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.prefix,i=t.config.globalProperties.bkUIPrefix||r||"Bk";t.component(i+e.name,e)},e},ie=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.install=function(r){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=i.prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";r.component(s+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(s+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function oe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}})(),d})()));
|
package/lib/table/render.d.ts
CHANGED
@@ -5,6 +5,7 @@ export default class TableRender {
|
|
5
5
|
context: any;
|
6
6
|
reactiveProp: any;
|
7
7
|
colgroups: GroupColumn[];
|
8
|
+
uuid: string;
|
8
9
|
plugins: TablePlugins;
|
9
10
|
constructor(props: any, ctx: any, reactiveProp: IReactiveProp, colgroups: GroupColumn[]);
|
10
11
|
get propActiveCols(): IColumnActive[];
|
@@ -44,6 +45,7 @@ export default class TableRender {
|
|
44
45
|
* @returns
|
45
46
|
*/
|
46
47
|
private renderTBody;
|
48
|
+
private getColumnClass;
|
47
49
|
/**
|
48
50
|
* table row click handle
|
49
51
|
* @param e
|
package/lib/table/table.css
CHANGED
@@ -15,6 +15,7 @@
|
|
15
15
|
.bk-table .bk-table-body table {
|
16
16
|
width: 100%;
|
17
17
|
border-collapse: collapse;
|
18
|
+
table-layout: fixed;
|
18
19
|
}
|
19
20
|
.bk-table .bk-table-head table th,
|
20
21
|
.bk-table .bk-table-body table th,
|
@@ -26,7 +27,6 @@
|
|
26
27
|
.bk-table .bk-table-body table th .cell,
|
27
28
|
.bk-table .bk-table-head table td .cell,
|
28
29
|
.bk-table .bk-table-body table td .cell {
|
29
|
-
height: var(--row-height);
|
30
30
|
padding: 0 15px;
|
31
31
|
overflow: hidden;
|
32
32
|
line-height: var(--row-height);
|
@@ -56,23 +56,24 @@
|
|
56
56
|
.bk-table .bk-table-footer {
|
57
57
|
line-height: 40px;
|
58
58
|
}
|
59
|
-
.bk-table.bordered-row
|
59
|
+
.bk-table.bordered-row td,
|
60
|
+
.bk-table.bordered-row th {
|
60
61
|
border-bottom: 1px solid #dcdee5;
|
61
62
|
}
|
62
63
|
.bk-table.bordered-outer {
|
63
64
|
border-right: 1px solid #dcdee5;
|
64
65
|
border-left: 1px solid #dcdee5;
|
65
66
|
}
|
66
|
-
.bk-table.bordered-col th
|
67
|
-
.bk-table.bordered-col td
|
67
|
+
.bk-table.bordered-col th,
|
68
|
+
.bk-table.bordered-col td {
|
68
69
|
border-right: 1px solid #dcdee5;
|
69
70
|
}
|
70
|
-
.bk-table.bordered-col th:last-child
|
71
|
-
.bk-table.bordered-col td:last-child
|
71
|
+
.bk-table.bordered-col th:last-child,
|
72
|
+
.bk-table.bordered-col td:last-child {
|
72
73
|
border-right: none;
|
73
74
|
}
|
74
|
-
.bk-table.bordered-none th
|
75
|
-
.bk-table.bordered-none td
|
75
|
+
.bk-table.bordered-none th,
|
76
|
+
.bk-table.bordered-none td {
|
76
77
|
border-top: none;
|
77
78
|
border-right: none;
|
78
79
|
border-bottom: none;
|