bkui-vue 0.0.1-beta.80 → 0.0.1-beta.83

package/lib/select/select.less

@@ -35,6 +35,12 @@
     margin-left: @marginLeft;
   }
 
+  .active(@color: @primary-color) {
+    border-color: @primary-color;
+    outline: 0;
+    box-shadow: 0px 0px 3px 0px @input-shadow-color;
+  }
+
   .bk-popover {
     display: block;
   }
@@ -85,73 +91,54 @@
     padding: 0;
   }
 
-  &.small {
-    .bk-select-trigger .bk-select-input {
-      height: 24px;
-    }
-  }
-
   &.large {
-    .bk-select-trigger .bk-select-input {
-      height: 36px;
-      font-size: 14px;
-    }
-
     .bk-select-content {
       font-size: 14px;
     }
   }
 
-  &.simplicity {
-    .bk-select-trigger .bk-select-input {
-      border: none;
-      border-bottom: 1px solid @light-gray;
-    }
-  }
-
   &.is-focus.normal {
-    .bk-select-trigger .bk-select-input {
+    .bk-select-trigger .bk-select-tag {
       border-color: @primary-color;
       box-shadow: 0px 0px 3px 0px #a3c5fd; 
     }
   }
 
-  &.is-focus.simplicity {
-    .bk-select-trigger .bk-select-input {
-      border-color: @primary-color;
+  &.popover-show {
+    .bk-select-trigger .angle-up {
+      transform: rotate(0);
     }
   }
 
   &.is-disabled {
-    .bk-select-trigger .bk-select-input {
+    .bk-select-trigger .bk-input input {
       cursor: not-allowed;
-      background: #fafbfd;
-      border-color: #dcdee5;
-      box-shadow: unset;
+      background-color: #fafbfd;
     }
   }
 
-  &.is-filterable {
-    .bk-select-trigger {
-      .bk-select-input,
-      .bk-select-tag-input {
-        cursor: text;
-      }
-    }
-  }
+  .bk-select-trigger {
+    position: relative;
 
-  &.popover-show {
-    .bk-select-trigger .angle-up {
-      transform: rotate(0);
+    .bk-tag-input .bk-tag-input-trigger .clear-icon {
+      margin-right: 0;
     }
-  }
 
-  .bk-select-trigger {
-    position: relative;
-    cursor: pointer;
+    .bk-input {
+      input {
+        cursor: pointer;
+        background-color: #fff;
+      }
 
-    .bk-select-input {
-      .input()
+      &.is-focused {
+        .active();
+    
+        &.is-simplicity {
+          border-color: transparent;
+          border-bottom-color: @primary-color;
+          box-shadow: none;
+        }
+      }
     }
 
     .bk-select-tag {
@@ -165,18 +152,21 @@
 
       &-input {
         .input();
-        width: auto;
-        height: auto;
+        width: 1%;
+        height: 22px;
+        max-width: 190px;
         padding: 0;
+        margin: 4px 5px 4px 0;
+        overflow: hidden;
         border: none;
         outline: none;
+        flex-grow: 1;
       }
-    }
 
-    .bk-select-prefix {
-      .fix-icon();
-      left: 4px;
-      font-size: 14px;
+      .bk-tag {
+        max-width: 190px;
+        padding: 0 4px;
+      }
     }
 
     .angle-up {
@@ -189,6 +179,7 @@
 
     .clear-icon {
       right: 4px;
+      cursor: pointer;
       transition: all .1s;
       .bk-select-icon(14px, #c4c6cc);
       .fix-icon();
@@ -251,7 +242,8 @@
 
     .ellipsis();
 
-    &:hover {
+    &:hover,
+    &.is-hover {
       color: #3a84ff;
       background-color: #f5f7fa;
     }

package/lib/select/select.variable.css

@@ -162,66 +162,39 @@
 .bk-select .bk-popover-content {
   padding: 0;
 }
-.bk-select.small .bk-select-trigger .bk-select-input {
-  height: 24px;
-}
-.bk-select.large .bk-select-trigger .bk-select-input {
-  height: 36px;
-  font-size: 14px;
-}
 .bk-select.large .bk-select-content {
   font-size: 14px;
 }
-.bk-select.simplicity .bk-select-trigger .bk-select-input {
-  border: none;
-  border-bottom: 1px solid var(--light-gray);
-}
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-input {
+.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag {
   border-color: var(--primary-color);
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus.simplicity .bk-select-trigger .bk-select-input {
-  border-color: var(--primary-color);
-}
-.bk-select.is-disabled .bk-select-trigger .bk-select-input {
-  cursor: not-allowed;
-  background: #fafbfd;
-  border-color: #dcdee5;
-  box-shadow: unset;
-}
-.bk-select.is-filterable .bk-select-trigger .bk-select-input,
-.bk-select.is-filterable .bk-select-trigger .bk-select-tag-input {
-  cursor: text;
-}
 .bk-select.popover-show .bk-select-trigger .angle-up {
   transform: rotate(0);
 }
+.bk-select.is-disabled .bk-select-trigger .bk-input input {
+  cursor: not-allowed;
+  background-color: #fafbfd;
+}
 .bk-select .bk-select-trigger {
   position: relative;
-  cursor: pointer;
 }
-.bk-select .bk-select-trigger .bk-select-input {
-  width: 100%;
-  height: 32px;
-  padding: 0 28px 0 10px;
-  line-height: normal;
-  color: var(--default-color);
-  text-align: left;
-  vertical-align: middle;
+.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
+  margin-right: 0;
+}
+.bk-select .bk-select-trigger .bk-input input {
   cursor: pointer;
-  background-color: var(--white-color);
-  border: 1px solid var(--light-gray);
-  border-radius: 2px;
-  outline: none;
-  box-sizing: border-box;
-  transition: all 0.1s;
-  resize: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  background-color: #fff;
 }
-.bk-select .bk-select-trigger .bk-select-input::placeholder {
-  color: var(--light-gray);
+.bk-select .bk-select-trigger .bk-input.is-focused {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
+}
+.bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity {
+  border-color: transparent;
+  border-bottom-color: var(--primary-color);
+  box-shadow: none;
 }
 .bk-select .bk-select-trigger .bk-select-tag {
   width: 100%;
@@ -267,27 +240,24 @@
   box-sizing: border-box;
   transition: all 0.1s;
   resize: none;
-  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: auto;
-  height: auto;
+  width: 1%;
+  height: 22px;
+  max-width: 190px;
   padding: 0;
+  margin: 4px 5px 4px 0;
+  overflow: hidden;
   border: none;
   outline: none;
+  flex-grow: 1;
 }
 .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
   color: var(--light-gray);
 }
-.bk-select .bk-select-trigger .bk-select-prefix {
-  position: absolute;
-  top: 0;
-  display: inline-flex;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  left: 4px;
-  font-size: 14px;
+.bk-select .bk-select-trigger .bk-select-tag .bk-tag {
+  max-width: 190px;
+  padding: 0 4px;
 }
 .bk-select .bk-select-trigger .angle-up {
   right: 4px;
@@ -307,6 +277,7 @@
 }
 .bk-select .bk-select-trigger .clear-icon {
   right: 4px;
+  cursor: pointer;
   transition: all 0.1s;
   display: flex;
   width: 20px;
@@ -370,7 +341,8 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-select .bk-select-option:hover {
+.bk-select .bk-select-option:hover,
+.bk-select .bk-select-option.is-hover {
   color: #3a84ff;
   background-color: #f5f7fa;
 }

package/lib/select/selectTagInput.d.ts

@@ -0,0 +1,71 @@
+import { PropType } from 'vue-types/dist/types';
+import { ISelectedData } from './type';
+declare const _default: import("vue").DefineComponent<{
+    selected: {
+        type: PropType<ISelectedData[]>;
+        default: () => any[];
+    };
+    tagTheme: import("vue-types/dist/types").VueTypeDef<string> & {
+        default: string;
+    };
+    placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    filterable: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+}, {
+    value: any;
+    inputRef: import("vue").Ref<HTMLElement>;
+    handleRemoveTag: (data: ISelectedData) => void;
+    handleFocus: () => void;
+    focus: () => void;
+    handleInput: (e: any) => void;
+    handleKeydown: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], "focus" | "update:modelValue" | "remove" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: PropType<ISelectedData[]>;
+        default: () => any[];
+    };
+    tagTheme: import("vue-types/dist/types").VueTypeDef<string> & {
+        default: string;
+    };
+    placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    filterable: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+}>> & {
+    onFocus?: (...args: any[]) => any;
+    onEnter?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
+}, {
+    placeholder: string;
+    selected: ISelectedData[];
+    tagTheme: string;
+    filterable: boolean;
+    allowCreate: boolean;
+}>;
+export default _default;

package/lib/select/type.d.ts

@@ -1,14 +1,15 @@
 import Popover from '@bkui-vue/popover';
 import Option from './option';
 import Group from './optionGroup';
+import SelectTagInput from './selectTagInput';
 export declare type OptionInstanceType = InstanceType<typeof Option>;
 export declare type GroupInstanceType = InstanceType<typeof Group>;
 export declare type PopoverInstanceType = InstanceType<typeof Popover>;
+export declare type SelectTagInputType = InstanceType<typeof SelectTagInput>;
 export interface ISelectContext {
-    props: {
-        multiple?: boolean;
-    };
-    selectedOptions: Set<any>;
+    multiple?: boolean;
+    selected: ISelectedData[];
+    activeOptionValue: any;
     register(option: OptionInstanceType): any;
     unregister(option: OptionInstanceType): any;
     registerGroup(option: GroupInstanceType): any;
@@ -23,9 +24,12 @@ export interface IOptionGroupContext {
 }
 export interface ISelectState {
     currentPlaceholder: string;
-    selectedOptions: Set<OptionInstanceType>;
     currentSelectedLabel: string;
 }
 export interface IPopoverConfig {
     popoverMinWidth: number;
 }
+export interface ISelectedData {
+    value: any;
+    label: string;
+}

package/lib/shared/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types")):t(e["@popperjs/core"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t)=>(()=>{"use strict";var n={5798:t=>{t.exports=e},210:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s,a;i.r(o),i.d(o,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>P,BkMaskManager:()=>A,EMPTY_OBJ:()=>W,Placements:()=>B,PropTypes:()=>H,Size:()=>V,arrayEqual:()=>ie,bKMaskManager:()=>N,bkPopIndexManager:()=>U,bkZIndexManager:()=>c,classes:()=>J,clone:()=>O,debounce:()=>ne,elementsEqual:()=>I,filterProperty:()=>re,finiteOrDefault:()=>b,formItemKey:()=>Y,formKey:()=>G,isArray:()=>y,isElement:()=>j,isEmpty:()=>v,isEmptyObj:()=>X,isFinite:()=>m,isNullOrUndef:()=>d,isObject:()=>g,merge:()=>T,mergeIf:()=>E,mergerFn:()=>x,mergerIfFn:()=>w,noop:()=>Z,random:()=>L,renderEmptyVNode:()=>$,resolveClassName:()=>te,scrollbarWidth:()=>K,stringEnum:()=>q,valueOrDefault:()=>k,withInstall:()=>Q,withInstallProps:()=>ee}),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"}(a||(a={}));var u=(r(s={},a.BOTTOM,0),r(s,a.CONTENT,1),r(s,a.NAVI,100),r(s,a.FULLSCREEN,1e3),r(s,a.MODAL,3e3),r(s,a.PLUGINS,8e3),r(s,a.MESSAGE,1e4),r(s,a.POPPER,99999),s),c=new(function(){function t(){e(this,t),this.storageLayerIndexValue={},this.copyDefaultValue()}return n(t,[{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[a.MODAL]=this.storageLayerIndexValue[a.MODAL]+1,this.storageLayerIndexValue[a.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(a.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(a.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(a.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(a.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__,r({},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,r({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,r({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),t}());function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=i(5798);function d(e){return null==e}function v(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&d(e)}function y(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 g(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var m=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function b(e,t){return m(e)?e:t}function k(e,t){return void 0===e?t:e}function I(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 O(e){if(y(e))return e.map(O);if(g(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=O(e[n[i]]);return t}return e}function S(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function x(e,t,n,r){if(S(e)){var i=t[e],o=n[e];g(i)&&g(o)?T(i,o,r):t[e]=O(o)}}function T(e,t,n){var r=y(t)?t:[t],i=r.length;if(!g(e))return e;for(var o=(n=n||{}).merger||x,s=0;s<i;++s)if(g(t=r[s]))for(var a=Object.keys(t),u=0,c=a.length;u<c;++u)o(a[u],e,t,n);return e}function E(e,t){return T(e,t,{merger:w})}function w(e,t,n){if(S(e)){var r=t[e],i=n[e];g(r)&&g(i)?E(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=O(i))}}function j(e){try{return e instanceof HTMLElement}catch(t){return"object"===l(e)&&1===e.nodeType&&"object"===l(e.style)&&"object"===l(e.ownerDocument)}}var P=function(){function t(n,r,i){var o,s;e(this,t),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.always=!1,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(n),this.popperRefer=this.resolveInputSelectorToHtmlElement(r),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.always=this.instanceOptions.always,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.always)&&this.show(null)}return n(t,[{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(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;this.always||(null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(f(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();j(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();j(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=T({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,h.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"===l(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 j(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)}}]),t}(),M="abcdefghijklmnopqrstuvwxyz0123456789",L=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:M,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},A=function(){function t(n){e(this,t),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 r=n||{},i=r.multiInstance,o=void 0!==i&&i,s=r.maskAttrTag,a=void 0===s?"auto":s,u=r.parentNode,c=void 0===u?document.body:u,l=r.maskStyle,p=void 0===l?{}:l;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=c||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return n(t,[{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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=i?i:L(16),a=/-?\d+/.test("".concat(t))?t:c.getModalNextIndex(),u=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var l=this.zIndexStore.get(this.lastUUID);u=l.style}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),this.setMaskStyle(u),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(a)),this.backupMask.style.setProperty("z-index","".concat(a-1)),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,o||this.appendContentToMask(e))}},{key:"hide",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=null!=r?r:this.lastUUID;this.mask.style.setProperty("display","none"),t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.activeInstance=void 0,this.popIndexStore(i)}},{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(L(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),N=new A({}),U=new(function(){function t(){e(this,t),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return n(t,[{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]:{},r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(e){var i=c.getModalNextIndex(),o=L(16);e.setAttribute(this.uuidAttrName,o),this.popInstanceList.push({uuid:o,zIndex:i,content:e,showMask:t,appendStyle:n}),t&&N.backupActiveInstance(),N.show(e,i,t,n,o,r)}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();N.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;N.show(i,r,o,s,a)}else N.hide()}}},{key:"hide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=null==e?void 0:e.getAttribute(this.uuidAttrName);if(n){var r=this.popInstanceList.findIndex((function(e){return e.uuid===n}));r>=0&&(t||this.popInstanceList[r].content.remove(),this.popInstanceList.splice(r,1),N.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):N.hide(t))}else null==e||e.remove()}}]),t}());function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function D(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}var C=i(210);var V,B,z=(0,C.createTypes)({});function q(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(V||(V={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(B||(B={}));var F,H=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&R(e,t)}(s,t);var r,i,o=(r=s,i=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,t=_(r);if(i){var n=_(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function s(){return e(this,s),o.apply(this,arguments)}return n(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,C.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,C.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,C.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,C.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,C.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,C.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}(z);function K(){if(void 0!==F)return F;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),F=t-r}var G=Symbol("form"),Y=Symbol("formItem");function J(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 W=Object.create({}),Z=function(){},$=function(){return null},X=function(e){return Object.keys(e).length<1},Q=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},ee=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 te(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function ne(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),i){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=r.apply(o,s))}else e=setTimeout((function(){r.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function re(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ie(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}})(),o})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types")):t(e["@popperjs/core"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t)=>(()=>{"use strict";var n={5798:t=>{t.exports=e},210:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s,a;i.r(o),i.d(o,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>P,BkMaskManager:()=>A,EMPTY_OBJ:()=>W,Placements:()=>B,PropTypes:()=>H,Size:()=>V,arrayEqual:()=>ie,bKMaskManager:()=>N,bkPopIndexManager:()=>U,bkZIndexManager:()=>c,classes:()=>J,clone:()=>O,debounce:()=>ne,elementsEqual:()=>I,filterProperty:()=>re,finiteOrDefault:()=>b,formItemKey:()=>Y,formKey:()=>G,isArray:()=>y,isElement:()=>j,isEmpty:()=>v,isEmptyObj:()=>X,isFinite:()=>m,isNullOrUndef:()=>d,isObject:()=>g,merge:()=>T,mergeIf:()=>E,mergerFn:()=>x,mergerIfFn:()=>w,noop:()=>Z,random:()=>L,renderEmptyVNode:()=>$,resolveClassName:()=>te,scrollbarWidth:()=>K,stringEnum:()=>q,valueOrDefault:()=>k,withInstall:()=>Q,withInstallProps:()=>ee}),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"}(a||(a={}));var u=(r(s={},a.BOTTOM,0),r(s,a.CONTENT,1),r(s,a.NAVI,100),r(s,a.FULLSCREEN,1e3),r(s,a.MODAL,3e3),r(s,a.PLUGINS,8e3),r(s,a.MESSAGE,1e4),r(s,a.POPPER,99999),s),c=new(function(){function t(){e(this,t),this.storageLayerIndexValue={},this.copyDefaultValue()}return n(t,[{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[a.MODAL]=this.storageLayerIndexValue[a.MODAL]+1,this.storageLayerIndexValue[a.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(a.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(a.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(a.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(a.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__,r({},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,r({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,r({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),t}());function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=i(5798);function d(e){return null==e}function v(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&d(e)}function y(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 g(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var m=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function b(e,t){return m(e)?e:t}function k(e,t){return void 0===e?t:e}function I(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 O(e){if(y(e))return e.map(O);if(g(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=O(e[n[i]]);return t}return e}function S(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function x(e,t,n,r){if(S(e)){var i=t[e],o=n[e];g(i)&&g(o)?T(i,o,r):t[e]=O(o)}}function T(e,t,n){var r=y(t)?t:[t],i=r.length;if(!g(e))return e;for(var o=(n=n||{}).merger||x,s=0;s<i;++s)if(g(t=r[s]))for(var a=Object.keys(t),u=0,c=a.length;u<c;++u)o(a[u],e,t,n);return e}function E(e,t){return T(e,t,{merger:w})}function w(e,t,n){if(S(e)){var r=t[e],i=n[e];g(r)&&g(i)?E(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=O(i))}}function j(e){try{return e instanceof HTMLElement}catch(t){return"object"===l(e)&&1===e.nodeType&&"object"===l(e.style)&&"object"===l(e.ownerDocument)}}var P=function(){function t(n,r,i){var o,s;e(this,t),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.always=!1,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(n),this.popperRefer=this.resolveInputSelectorToHtmlElement(r),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.always=this.instanceOptions.always,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.always)&&this.show(null)}return n(t,[{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(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;this.always||(null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(f(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();j(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();j(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=T({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,h.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"===l(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 j(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.popperRefer.contains(t.target)||e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),t}(),M="abcdefghijklmnopqrstuvwxyz0123456789",L=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:M,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},A=function(){function t(n){e(this,t),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 r=n||{},i=r.multiInstance,o=void 0!==i&&i,s=r.maskAttrTag,a=void 0===s?"auto":s,u=r.parentNode,c=void 0===u?document.body:u,l=r.maskStyle,p=void 0===l?{}:l;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=c||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return n(t,[{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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=i?i:L(16),a=/-?\d+/.test("".concat(t))?t:c.getModalNextIndex(),u=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var l=this.zIndexStore.get(this.lastUUID);u=l.style}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),this.setMaskStyle(u),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(a)),this.backupMask.style.setProperty("z-index","".concat(a-1)),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,o||this.appendContentToMask(e))}},{key:"hide",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=null!=r?r:this.lastUUID;this.mask.style.setProperty("display","none"),t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.activeInstance=void 0,this.popIndexStore(i)}},{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(L(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),N=new A({}),U=new(function(){function t(){e(this,t),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return n(t,[{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]:{},r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(e){var i=c.getModalNextIndex(),o=L(16);e.setAttribute(this.uuidAttrName,o),this.popInstanceList.push({uuid:o,zIndex:i,content:e,showMask:t,appendStyle:n}),t&&N.backupActiveInstance(),N.show(e,i,t,n,o,r)}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();N.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;N.show(i,r,o,s,a)}else N.hide()}}},{key:"hide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=null==e?void 0:e.getAttribute(this.uuidAttrName);if(n){var r=this.popInstanceList.findIndex((function(e){return e.uuid===n}));r>=0&&(t||this.popInstanceList[r].content.remove(),this.popInstanceList.splice(r,1),N.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):N.hide(t))}else null==e||e.remove()}}]),t}());function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function D(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}var C=i(210);var V,B,z=(0,C.createTypes)({});function q(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(V||(V={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(B||(B={}));var F,H=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&R(e,t)}(s,t);var r,i,o=(r=s,i=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,t=_(r);if(i){var n=_(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function s(){return e(this,s),o.apply(this,arguments)}return n(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,C.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,C.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,C.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,C.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,C.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,C.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}(z);function K(){if(void 0!==F)return F;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),F=t-r}var G=Symbol("form"),Y=Symbol("formItem");function J(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 W=Object.create({}),Z=function(){},$=function(){return null},X=function(e){return Object.keys(e).length<1},Q=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},ee=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 te(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function ne(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),i){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=r.apply(o,s))}else e=setTimeout((function(){r.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function re(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ie(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}})(),o})()));

package/lib/tab/index.d.ts

@@ -72,13 +72,13 @@ declare const BkTab: {
         }>> & {
             onChange?: (...args: any[]) => any;
             onDrag?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
             onAdd?: (...args: any[]) => any;
             "onAdd-panel"?: (...args: any[]) => any;
             "onTab-change"?: (...args: any[]) => any;
             "onRemove-panel"?: (...args: any[]) => any;
             "onSort-change"?: (...args: any[]) => any;
             "onOn-drag-tab"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
             "onUpdate:active"?: (...args: any[]) => any;
             onSort?: (...args: any[]) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "extCls" | "active" | "showHeader" | "sortType" | "tabPosition" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay">;
@@ -93,7 +93,7 @@ declare const BkTab: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort", ...args: any[]) => void;
+        $emit: (event: "change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             active: import("vue-types").VueTypeDef<string | number> & {
@@ -149,13 +149,13 @@ declare const BkTab: {
         }>> & {
             onChange?: (...args: any[]) => any;
             onDrag?: (...args: any[]) => any;
+            onRemove?: (...args: any[]) => any;
             onAdd?: (...args: any[]) => any;
             "onAdd-panel"?: (...args: any[]) => any;
             "onTab-change"?: (...args: any[]) => any;
             "onRemove-panel"?: (...args: any[]) => any;
             "onSort-change"?: (...args: any[]) => any;
             "onOn-drag-tab"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
             "onUpdate:active"?: (...args: any[]) => any;
             onSort?: (...args: any[]) => any;
         }, {
@@ -166,7 +166,7 @@ declare const BkTab: {
             tabRemove(index: number, panel: any): void;
             tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
             tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort")[], string, {
             type: string;
             closable: boolean;
             extCls: string;
@@ -255,13 +255,13 @@ declare const BkTab: {
     }>> & {
         onChange?: (...args: any[]) => any;
         onDrag?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
         "onAdd-panel"?: (...args: any[]) => any;
         "onTab-change"?: (...args: any[]) => any;
         "onRemove-panel"?: (...args: any[]) => any;
         "onSort-change"?: (...args: any[]) => any;
         "onOn-drag-tab"?: (...args: any[]) => any;
-        onRemove?: (...args: any[]) => any;
         "onUpdate:active"?: (...args: any[]) => any;
         onSort?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -330,13 +330,13 @@ declare const BkTab: {
 }>> & {
     onChange?: (...args: any[]) => any;
     onDrag?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
     onAdd?: (...args: any[]) => any;
     "onAdd-panel"?: (...args: any[]) => any;
     "onTab-change"?: (...args: any[]) => any;
     "onRemove-panel"?: (...args: any[]) => any;
     "onSort-change"?: (...args: any[]) => any;
     "onOn-drag-tab"?: (...args: any[]) => any;
-    onRemove?: (...args: any[]) => any;
     "onUpdate:active"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
 }, {
@@ -347,7 +347,7 @@ declare const BkTab: {
     tabRemove(index: number, panel: any): void;
     tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
     tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active", {
     type: string;
     closable: boolean;
     extCls: string;

package/lib/tab/tab.d.ts

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     tabRemove(index: number, panel: any): void;
     tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
     tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -111,13 +111,13 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: (...args: any[]) => any;
     onDrag?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
     onAdd?: (...args: any[]) => any;
     "onAdd-panel"?: (...args: any[]) => any;
     "onTab-change"?: (...args: any[]) => any;
     "onRemove-panel"?: (...args: any[]) => any;
     "onSort-change"?: (...args: any[]) => any;
     "onOn-drag-tab"?: (...args: any[]) => any;
-    onRemove?: (...args: any[]) => any;
     "onUpdate:active"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
 }, {