bkui-vue 0.0.1-beta.36 → 0.0.1-beta.37

package/lib/input/index.d.ts

@@ -8,6 +8,7 @@ declare const BkInput: {
             prefix: string;
             step: number;
             disabled: boolean;
+            modelValue: string | number;
             readonly: boolean;
             clearable: boolean;
             behavior: string;
@@ -21,6 +22,7 @@ declare const BkInput: {
             showControl: boolean;
             showClearOnlyHover: boolean;
             precision: number;
+            rows: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -86,8 +88,13 @@ declare const BkInput: {
             } & {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
-            modelValue: import("vue-types").VueTypeDef<string | number>;
+            modelValue: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             size: import("vue-types").VueTypeDef<string>;
+            rows: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
         }>> & {
             onPaste?: (...args: any[]) => any;
             onFocus?: (...args: any[]) => any;
@@ -100,7 +107,7 @@ declare const BkInput: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
             onEnter?: (...args: any[]) => any;
-        } & 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">;
+        } & 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -179,8 +186,13 @@ declare const BkInput: {
             } & {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
-            modelValue: import("vue-types").VueTypeDef<string | number>;
+            modelValue: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             size: import("vue-types").VueTypeDef<string>;
+            rows: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
         }>> & {
             onPaste?: (...args: any[]) => any;
             onFocus?: (...args: any[]) => any;
@@ -199,6 +211,7 @@ declare const BkInput: {
             prefix: string;
             step: number;
             disabled: boolean;
+            modelValue: string | number;
             readonly: boolean;
             clearable: boolean;
             behavior: string;
@@ -212,6 +225,7 @@ declare const BkInput: {
             showControl: boolean;
             showClearOnlyHover: boolean;
             precision: number;
+            rows: number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -297,8 +311,13 @@ declare const BkInput: {
         } & {
             validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
         };
-        modelValue: import("vue-types").VueTypeDef<string | number>;
+        modelValue: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         size: import("vue-types").VueTypeDef<string>;
+        rows: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
     }>> & {
         onPaste?: (...args: any[]) => any;
         onFocus?: (...args: any[]) => any;
@@ -380,8 +399,13 @@ declare const BkInput: {
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number>;
+    modelValue: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     size: import("vue-types").VueTypeDef<string>;
+    rows: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
 }>> & {
     onPaste?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
@@ -400,6 +424,7 @@ declare const BkInput: {
     prefix: string;
     step: number;
     disabled: boolean;
+    modelValue: string | number;
     readonly: boolean;
     clearable: boolean;
     behavior: string;
@@ -413,5 +438,6 @@ declare const BkInput: {
     showControl: boolean;
     showClearOnlyHover: boolean;
     precision: number;
+    rows: number;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkInput;

package/lib/input/input.css

@@ -19,6 +19,35 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.bk-textarea {
+  width: 100%;
+  min-height: 70px;
+  font-size: 12px;
+  line-height: 20px;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  box-sizing: border-box;
+  transition: all 0.3s;
+}
+.bk-textarea > textarea {
+  width: 100%;
+  padding: 5px 10px;
+  line-height: 1.5;
+  text-align: left;
+  vertical-align: middle;
+  border: 0;
+  outline: none;
+  resize: none;
+}
+.bk-textarea--max-length {
+  align-self: center;
+  padding-right: 10px;
+  margin: 0;
+}
+.bk-textarea--max-length span {
+  color: #979ba5;
+}
 .bk-input {
   display: flex;
   align-items: stretch;
@@ -48,12 +77,24 @@
 }
 .bk-input--large {
   height: 38px;
+  font-size: 14px;
+}
+.bk-input--large--max-length {
   font-size: 16px;
 }
 .bk-input--small {
   height: 26px;
   font-size: 12px;
 }
+.bk-input--small--max-length {
+  font-size: 12px;
+}
+.bk-input--default {
+  font-size: 12px;
+}
+.bk-input--default--max-length {
+  font-size: 12px;
+}
 .bk-input.is-focused:not(.is-readonly) {
   border-color: #3a84ff;
   outline: 0;
@@ -91,7 +132,6 @@
 }
 .bk-input--text {
   padding: 0 10px;
-  font-size: 12px;
   line-height: 1;
   color: #63656e;
   background-color: white;

package/lib/input/input.d.ts

@@ -64,8 +64,13 @@ export declare const inputType: {
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number>;
+    modelValue: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     size: import("vue-types").VueTypeDef<string>;
+    rows: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
 };
 export declare type InputType = ExtractPropTypes<typeof inputType>;
 declare const _default: import("vue").DefineComponent<{
@@ -133,8 +138,13 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number>;
+    modelValue: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     size: import("vue-types").VueTypeDef<string>;
+    rows: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
 }, () => 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<{
     type: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -200,8 +210,13 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number>;
+    modelValue: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     size: import("vue-types").VueTypeDef<string>;
+    rows: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
 }>> & {
     onPaste?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
@@ -220,6 +235,7 @@ declare const _default: import("vue").DefineComponent<{
     prefix: string;
     step: number;
     disabled: boolean;
+    modelValue: string | number;
     readonly: boolean;
     clearable: boolean;
     behavior: string;
@@ -233,5 +249,6 @@ declare const _default: import("vue").DefineComponent<{
     showControl: boolean;
     showClearOnlyHover: boolean;
     precision: number;
+    rows: number;
 }>;
 export default _default;

package/lib/input/input.js

@@ -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})()));
+!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

@@ -13,6 +13,40 @@
   opacity: 1;
 }
 
+.@{bk-prefix}-textarea {
+  width: 100%;
+  min-height: 70px;
+  font-size: @font-size-base;
+  line-height: 20px;
+  background-color: white;
+  border: @border-width-base @border-style-base @input-border-color;
+  border-radius: 2px;
+  border-radius: @border-radius-base;
+  box-sizing: border-box;
+  transition: all .3s;
+
+  > textarea {
+    width: 100%;
+    padding: 5px 10px;
+    line-height: 1.5;
+    text-align: left;
+    vertical-align: middle;
+    border: 0;
+    outline: none;
+    resize: none;
+  }
+
+  &--max-length {
+    align-self: center;
+    padding-right: @input-horizontal-padding;
+    margin: 0;
+
+    span {
+      color: @input-maxlength-color;
+    }
+  }
+}
+
 .@{bk-prefix}-input {
   display: flex;
   align-items: stretch;
@@ -47,11 +81,27 @@
   }
 
   &--large {
-    .component-size(@component-size-large, @font-size-large);
+    .component-size(@component-size-large, @font-size-medium);
+
+    &--max-length {
+      font-size: @font-size-large;
+    }
   }
 
   &--small {
     .component-size(@component-size-small, @font-size-base);
+
+    &--max-length {
+      font-size: @font-size-base;
+    }
+  }
+
+  &--default {
+    font-size: @font-size-base;
+
+    &--max-length {
+      font-size: @font-size-base;
+    }
   }
 
   &.is-focused:not(.is-readonly) {
@@ -94,7 +144,6 @@
 
   &--text {
     padding: 0 @input-horizontal-padding;
-    font-size: @font-size-base;
     line-height: 1;
     color: @input-color;
     background-color: @input-bg;

package/lib/input/input.variable.css

@@ -112,6 +112,36 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.bk-textarea {
+  width: 100%;
+  min-height: 70px;
+  font-size: var(--font-size-base);
+  line-height: 20px;
+  background-color: white;
+  border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
+  border-radius: 2px;
+  border-radius: var(--border-radius-base);
+  box-sizing: border-box;
+  transition: all 0.3s;
+}
+.bk-textarea > textarea {
+  width: 100%;
+  padding: 5px 10px;
+  line-height: 1.5;
+  text-align: left;
+  vertical-align: middle;
+  border: 0;
+  outline: none;
+  resize: none;
+}
+.bk-textarea--max-length {
+  align-self: center;
+  padding-right: var(--input-horizontal-padding);
+  margin: 0;
+}
+.bk-textarea--max-length span {
+  color: var(--input-maxlength-color);
+}
 .bk-input {
   display: flex;
   align-items: stretch;
@@ -141,12 +171,24 @@
 }
 .bk-input--large {
   height: var(--component-size-large);
+  font-size: var(--font-size-medium);
+}
+.bk-input--large--max-length {
   font-size: var(--font-size-large);
 }
 .bk-input--small {
   height: var(--component-size-small);
   font-size: var(--font-size-base);
 }
+.bk-input--small--max-length {
+  font-size: var(--font-size-base);
+}
+.bk-input--default {
+  font-size: var(--font-size-base);
+}
+.bk-input--default--max-length {
+  font-size: var(--font-size-base);
+}
 .bk-input.is-focused:not(.is-readonly) {
   border-color: var(--primary-color);
   outline: 0;
@@ -184,7 +226,6 @@
 }
 .bk-input--text {
   padding: 0 var(--input-horizontal-padding);
-  font-size: var(--font-size-base);
   line-height: 1;
   color: var(--input-color);
   background-color: var(--input-bg);

package/lib/shared/index.d.ts

@@ -31,6 +31,7 @@ export * from './mask-manager';
 export * from './helper';
 export * from './vue-types';
 export * from './scrollbar-width';
+export * from './utils';
 export declare function classes(dynamicCls: object, constCls?: string): string;
 export declare const EMPTY_OBJ: any;
 export declare const noop: () => void;

package/lib/shared/shared.js

@@ -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})()));
+!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

@@ -5,6 +5,7 @@ export default class TableRender {
     context: any;
     reactiveProp: any;
     colgroups: GroupColumn[];
+    uuid: string;
     plugins: TablePlugins;
     constructor(props: any, ctx: any, reactiveProp: IReactiveProp, colgroups: GroupColumn[]);
     get propActiveCols(): IColumnActive[];
@@ -44,6 +45,7 @@ export default class TableRender {
      * @returns
      */
     private renderTBody;
+    private getColumnClass;
     /**
      * table row click handle
      * @param e

package/lib/table/table.css

@@ -15,6 +15,7 @@
 .bk-table .bk-table-body table {
   width: 100%;
   border-collapse: collapse;
+  table-layout: fixed;
 }
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
@@ -26,7 +27,6 @@
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
-  height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
   line-height: var(--row-height);
@@ -56,23 +56,24 @@
 .bk-table .bk-table-footer {
   line-height: 40px;
 }
-.bk-table.bordered-row .cell {
+.bk-table.bordered-row td,
+.bk-table.bordered-row th {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-outer {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
 }
-.bk-table.bordered-col th .cell,
-.bk-table.bordered-col td .cell {
+.bk-table.bordered-col th,
+.bk-table.bordered-col td {
   border-right: 1px solid #dcdee5;
 }
-.bk-table.bordered-col th:last-child .cell,
-.bk-table.bordered-col td:last-child .cell {
+.bk-table.bordered-col th:last-child,
+.bk-table.bordered-col td:last-child {
   border-right: none;
 }
-.bk-table.bordered-none th .cell,
-.bk-table.bordered-none td .cell {
+.bk-table.bordered-none th,
+.bk-table.bordered-none td {
   border-top: none;
   border-right: none;
   border-bottom: none;