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.
@@ -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;
@@ -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;
@@ -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;
@@ -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 l={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}},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return l[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 s={};return(()=>{i.r(s),i.d(s,{default:()=>f});var e=i(4212),r=i(1673),t=i.n(r),o=i(311),n=i.n(o),l=i(748);Object.create,Object.create;var a=i(6870),u={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]),size:e.PropTypes.size()},p=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],c=(0,e.stringEnum)([].concat(p));const d=(0,l.defineComponent)({name:"Input",inheritAttrs:!1,props:u,emits:[].concat(p),setup:function(r,o){this.$createElement;var i=(0,l.ref)(!1),s=(0,l.ref)(!1),u="bk-input",p=o.attrs,d=p.class,f=p.style,m=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}(p,["class","style"]),y=(0,l.computed)((function(){var t;return(0,e.classes)((t={},n()(t,"".concat(u,"--").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(d),!!d),t),u)})),v={search:function(){return(0,l.createVNode)(a.Search,null,null)},password:function(){return(0,l.createVNode)(a.Eye,{onClick:D},null)}},b=K("suffix-icon"),x=(0,l.computed)((function(){var e=v[r.type];return P.value?(0,l.createVNode)(a.Unvisible,{onClick:D,class:b},null):e?(0,l.createVNode)(e,{class:b},null):null})),h=(0,l.computed)((function(){return"number"===r.type})),g=(0,l.computed)((function(){return Math.floor(r.maxlength)})),P=(0,l.ref)(!1),T=(0,l.computed)((function(){return(0,e.classes)({"show-clear-only-hover":r.showClearOnlyHover},b)}));function V(){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 w(e){i.value=!1,o.emit(c.blur,e)}var O=[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))&&(s.value&&[c.input,c.change].some((function(r){return e===r}))||(e===c.input&&o.emit(c["update:modelValue"],h.value?+r.target.value:r.target.value),o.emit(t,r.target.value,r)))}})),k=t()(O,6),C=k[0],j=k[1],S=k[2],I=k[3],q=k[4],E=k[5];function M(){s.value=!0}function A(e){s.value=!1,E(e)}function z(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,l=parseFloat(r.modelValue.toString()),a=Number.isInteger(o)?o:1,i=l+(t?a:-1*a);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 _(){var e=z(r.step);o.emit(c["update:modelValue"],e)}function F(){var e=z(r.step,!1);o.emit(c["update:modelValue"],e)}function K(e){return"".concat(u,"--").concat(e)}function D(){P.value=!P.value}return function(){var e,t,n,i,s,p;return(0,l.createVNode)("div",{class:y.value,style:f},[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,l.createVNode)("div",{class:K("prefix-area")},[(0,l.createVNode)("span",{class:K("prefix-area--text")},[r.prefix])]),(0,l.createVNode)("input",(0,l.mergeProps)(m,{class:"".concat(u,"--text"),value:r.modelValue,type:P.value&&"password"===r.type?"text":r.type,maxlength:r.maxlength,step:r.step,max:r.max,min:r.min,placeholder:r.placeholder,readonly:r.readonly,disabled:r.disabled,onInput:E,onFocus:N,onBlur:w,onPaste:I,onChange:q,onKeypress:S,onKeydown:j,onKeyup:C,onCompositionstart:M,onCompositionend:A}),null),r.clearable&&!!r.modelValue&&(0,l.createVNode)(a.Close,{onClick:V,class:T.value},null),x.value,"number"==typeof r.maxlength&&r.showWordLimit&&(0,l.createVNode)("p",{class:K("max-length")},[r.modelValue.toString().length,(0,l.createTextVNode)("/"),(0,l.createVNode)("span",null,[g.value])]),h.value&&r.showControl&&(0,l.createVNode)("div",{class:K("number-control")},[(0,l.createVNode)(a.DownSmall,{onClick:_},null),(0,l.createVNode)(a.DownSmall,{onClick:F},null)]),null!==(p=null===(s=null===(i=o.slots)||void 0===i?void 0:i.suffix)||void 0===s?void 0:s.call(i))&&void 0!==p?p:r.suffix&&(0,l.createVNode)("div",{class:K("suffix-area")},[(0,l.createVNode)("span",{class:K("suffix-area--text")},[r.suffix])])])}}}),f=(0,e.withInstall)(d)})(),s})()));
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})()));
@@ -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-large);
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);
@@ -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;
@@ -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})()));
@@ -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
@@ -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 .cell {
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 .cell,
67
- .bk-table.bordered-col td .cell {
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 .cell,
71
- .bk-table.bordered-col td:last-child .cell {
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 .cell,
75
- .bk-table.bordered-none td .cell {
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;