bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230

package/lib/pagination/pagination.d.ts

@@ -56,6 +56,9 @@ export declare const paginationProps: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -118,11 +121,14 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
 }, {
-    pageNum: import("vue").Ref<number>;
+    totalPageNum: import("vue").Ref<number>;
     renderTotal: ({ isFirst, isLast }: {
         isFirst: any;
         isLast: any;
@@ -136,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
         isLast: any;
     }) => JSX.Element;
     renderSmallList: () => JSX.Element;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limit-change")[], "change" | "update:modelValue" | "update:limit" | "limit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limitChange")[], "change" | "update:modelValue" | "update:limit" | "limitChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -193,6 +199,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -200,21 +209,22 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onUpdate:limit"?: (...args: any[]) => any;
-    "onLimit-change"?: (...args: any[]) => any;
+    onLimitChange?: (...args: any[]) => any;
 }, {
+    small: boolean;
     type: string;
+    disabled: boolean;
     location: string;
-    small: boolean;
     layout: string[];
-    disabled: boolean;
     count: number;
     modelValue: number;
+    beforeChange: (...args: any[]) => any;
+    prevText: string;
+    nextText: string;
     align: string;
     limit: number;
     limitList: number[];
     showLimit: boolean;
     showTotalCount: boolean;
-    prevText: string;
-    nextText: string;
 }>;
 export default _default;

package/lib/pagination/pagination.less

@@ -36,7 +36,6 @@
     margin-right: 0;
   }
 
-  
 }
 .@{bk-prefix}-pagination-total {
   display: flex;
@@ -45,13 +44,14 @@
 
 .@{bk-prefix}-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 
 .@{bk-prefix}-pagination-list {
   display: flex;
 }
 
+.@{bk-prefix}-pagination-list-pre-batch,
+.@{bk-prefix}-pagination-list-next-batch,
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next,
 .@{bk-prefix}-pagination-list-item {
@@ -66,14 +66,16 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 
-  &:hover,
   &.is-active {
     color: #3a84ff;
-    border-color: #3a84ff;
+    background: #e1ecff;
+  }
+
+  &:hover {
+    background: #f0f1f5;
   }
 
   &.is-disabled {
@@ -84,28 +86,21 @@
   }
 }
 
-.@{bk-prefix}-pagination-list-pre-batch,
-.@{bk-prefix}-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-
-  &:hover {
-    color: #3a84ff;
-  }
-}
-
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+
+  &.is-disabled {
+    color: #dcdee5;
+    cursor: not-allowed;
+    background-color: transparent;
+  }
 }
 
 .@{bk-prefix}-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 
 .@{bk-prefix}-pagination-limit {
@@ -117,14 +112,42 @@
 .@{bk-prefix}-pagination-limit-select {
   width: 60px;
   margin: 0 4px;
+
+  .bk-input {
+    border-color: #f0f1f5;
+  }
+
+  .bk-input--text {
+    background-color: #f0f1f5;
+  }
+
+  &:hover {
+    .bk-input {
+      border-color: #eaebf0;
+    }
+  
+    .bk-input--text {
+      background-color: #eaebf0;
+    }
+  }
+
+  .bk-input {
+    &.is-focused {
+      border-color: #3a84ff;
+
+      .bk-input--text {
+        background-color: #fff;
+      }
+    }
+  }
 }
 .@{bk-prefix}-pagination-small-list {
   display: flex;
-
+  align-items: center;
   .@{bk-prefix}-pagination-picker {
     display: flex;
-    height: 24px;
-    // padding: 0 8px;
+    height: 26px;
+    margin: 0 4px;
     cursor: pointer;
     background-color: #f0f1f5;
     border: 1px solid #f0f1f5;
@@ -132,8 +155,8 @@
     align-items: center;
 
     &:hover {
-      background-color: #e1ecff;
-      border-color: #e1ecff;
+      background-color: #eaebf0;
+      border-color: #eaebf0;
     }
 
     &.is-focused {
@@ -146,7 +169,7 @@
 
 .@{bk-prefix}-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -164,13 +187,17 @@
 .@{bk-prefix}-pagination-btn-pre,
 .@{bk-prefix}-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 
   &:hover {
-    color: #3a84ff
+    color: #3a84ff;
+    background: #f0f1f5;
   }
 
   &.is-disabled {

package/lib/pagination/pagination.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -18,10 +19,11 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -31,8 +33,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -43,6 +46,15 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -63,12 +75,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -90,6 +106,16 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-pagination {
   display: flex;
@@ -126,11 +152,12 @@
 }
 .bk-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 .bk-pagination-list {
   display: flex;
 }
+.bk-pagination-list-pre-batch,
+.bk-pagination-list-next-batch,
 .bk-pagination-list-pre,
 .bk-pagination-list-next,
 .bk-pagination-list-item {
@@ -145,19 +172,26 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 }
-.bk-pagination-list-pre:hover,
-.bk-pagination-list-next:hover,
-.bk-pagination-list-item:hover,
+.bk-pagination-list-pre-batch.is-active,
+.bk-pagination-list-next-batch.is-active,
 .bk-pagination-list-pre.is-active,
 .bk-pagination-list-next.is-active,
 .bk-pagination-list-item.is-active {
   color: #3a84ff;
-  border-color: #3a84ff;
+  background: #e1ecff;
+}
+.bk-pagination-list-pre-batch:hover,
+.bk-pagination-list-next-batch:hover,
+.bk-pagination-list-pre:hover,
+.bk-pagination-list-next:hover,
+.bk-pagination-list-item:hover {
+  background: #f0f1f5;
 }
+.bk-pagination-list-pre-batch.is-disabled,
+.bk-pagination-list-next-batch.is-disabled,
 .bk-pagination-list-pre.is-disabled,
 .bk-pagination-list-next.is-disabled,
 .bk-pagination-list-item.is-disabled {
@@ -166,26 +200,20 @@
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-pagination-list-pre-batch,
-.bk-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-}
-.bk-pagination-list-pre-batch:hover,
-.bk-pagination-list-next-batch:hover {
-  color: #3a84ff;
-}
 .bk-pagination-list-pre,
 .bk-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+}
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  background-color: transparent;
 }
 .bk-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 .bk-pagination-limit {
   display: flex;
@@ -196,12 +224,32 @@
   width: 60px;
   margin: 0 4px;
 }
+.bk-pagination-limit-select .bk-input {
+  border-color: #f0f1f5;
+}
+.bk-pagination-limit-select .bk-input--text {
+  background-color: #f0f1f5;
+}
+.bk-pagination-limit-select:hover .bk-input {
+  border-color: #eaebf0;
+}
+.bk-pagination-limit-select:hover .bk-input--text {
+  background-color: #eaebf0;
+}
+.bk-pagination-limit-select .bk-input.is-focused {
+  border-color: #3a84ff;
+}
+.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
+  background-color: #fff;
+}
 .bk-pagination-small-list {
   display: flex;
+  align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker {
   display: flex;
-  height: 24px;
+  height: 26px;
+  margin: 0 4px;
   cursor: pointer;
   background-color: #f0f1f5;
   border: 1px solid #f0f1f5;
@@ -209,8 +257,8 @@
   align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker:hover {
-  background-color: #e1ecff;
-  border-color: #e1ecff;
+  background-color: #eaebf0;
+  border-color: #eaebf0;
 }
 .bk-pagination-small-list .bk-pagination-picker.is-focused {
   background-color: #fff;
@@ -219,7 +267,7 @@
 }
 .bk-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -237,14 +285,18 @@
 .bk-pagination-btn-pre,
 .bk-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 }
 .bk-pagination-btn-pre:hover,
 .bk-pagination-btn-next:hover {
   color: #3a84ff;
+  background: #f0f1f5;
 }
 .bk-pagination-btn-pre.is-disabled,
 .bk-pagination-btn-next.is-disabled {

package/lib/pagination/type.d.ts

@@ -2,5 +2,5 @@ import type { ComponentPublicInstance } from 'vue';
 import type { PaginationProps } from './pagination';
 export declare type IPaginationInstance = ComponentPublicInstance<PaginationProps, {
     limit: PaginationProps['limit'];
-    pageNum: number;
+    totalPageNum: number;
 }>;

package/lib/plugin-popover/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+import $bkPopover from '../../popover2/src/plugin-popover';
+export default $bkPopover;

package/lib/plugin-popover/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../directives"),require("../shared"));else if("function"==typeof define&&define.amd)define(["vue","../directives","../shared"],t);else{var n="object"==typeof exports?t(require("vue"),require("../directives"),require("../shared")):t(e.vue,e["../directives"],e["../shared"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{var o={8022:(e,t,n)=>{var o=n(4481),r=n(6426),i=r;i.v1=o,i.v4=r,e.exports=i},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var o=n||0,r=t;return[r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},4481:(e,t,n)=>{var o,r,i=n(9157),l=n(8725),a=0,c=0;e.exports=function(e,t,n){var u=t&&n||0,s=t||[],f=(e=e||{}).node||o,d=void 0!==e.clockseq?e.clockseq:r;if(null==f||null==d){var p=i();null==f&&(f=o=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==d&&(d=r=16383&(p[6]<<8|p[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),m=void 0!==e.nsecs?e.nsecs:c+1,h=v-a+(m-c)/1e4;if(h<0&&void 0===e.clockseq&&(d=d+1&16383),(h<0||v>a)&&void 0===e.nsecs&&(m=0),m>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=v,c=m,r=d;var g=(1e4*(268435455&(v+=122192928e5))+m)%4294967296;s[u++]=g>>>24&255,s[u++]=g>>>16&255,s[u++]=g>>>8&255,s[u++]=255&g;var y=v/4294967296*1e4&268435455;s[u++]=y>>>8&255,s[u++]=255&y,s[u++]=y>>>24&15|16,s[u++]=y>>>16&255,s[u++]=d>>>8|128,s[u++]=255&d;for(var w=0;w<6;++w)s[u+w]=f[w];return t||l(s)}},6426:(e,t,n)=>{var o=n(9157),r=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var l=(e=e||{}).random||(e.rng||o)();if(l[6]=15&l[6]|64,l[8]=63&l[8]|128,t)for(var a=0;a<16;++a)t[i+a]=l[a];return t||r(l)}},4061:e=>{"use strict";e.exports=t},4212:e=>{"use strict";e.exports=n},748:t=>{"use strict";t.exports=e}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,i),n.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 l={};return(()=>{"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}i.r(l),i.d(l,{default:()=>Pe});var t=i(748),n=i(4061),o=i(4212);const r=(0,t.defineComponent)({name:"PopArrow",render:function(){var e=(0,o.resolveClassName)("pop2-arrow");return(0,t.createVNode)("div",{class:e},null)}});var a,c,u=function(){return!0};!function(e){e.SHOW="show",e.HIDE="hide",e.CLICK_OUTSIDE="clickoutside",e.CONTENT_MOUSEENTER="contentMouseenter",e.CONTENT_MOUSELEAVE="contentMouseleave",e.STOP_HIDE="stopHide"}(c||(c={}));var s=(e(a={},c.SHOW,u),e(a,c.HIDE,u),e(a,c.CLICK_OUTSIDE,u),e(a,c.CONTENT_MOUSEENTER,u),e(a,c.CONTENT_MOUSELEAVE,u),e(a,c.STOP_HIDE,u),a);const f=(0,t.defineComponent)({name:"PopContent",props:{width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto")},setup:function(e){var n=function(e){return/^\d+\.?\d*$/.test("".concat(e))?"".concat(e,"px"):e};return{style:(0,t.computed)((function(){return{width:n(e.width),height:n(e.height)}}))}},render:function(){var e,n,r,i,l,a,c=[(0,o.resolveClassName)("popover2"),(0,o.resolveClassName)("pop2-content")];return(0,t.createVNode)("div",{class:c,tabindex:"-1",style:this.style},[null!==(r=null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e))&&void 0!==r?r:"",null!==(a=null===(l=(i=this.$slots).arrow)||void 0===l?void 0:l.call(i))&&void 0!==a?a:""])}});var d={onAfterHidden:Function,onAfterShow:Function},p=Object.assign({isShow:o.PropTypes.bool.def(!1),always:o.PropTypes.bool.def(!1),disabled:o.PropTypes.bool.def(!1),width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),content:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def(""),placement:o.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:o.PropTypes.string.def("dark"),trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),padding:o.PropTypes.number.def(5),offset:o.PropTypes.number.def(6),boundary:o.PropTypes.oneOfType([o.PropTypes.string.def("parent"),o.PropTypes.instanceOf(HTMLElement)]),zIndex:o.PropTypes.number.def(void 0),disableTeleport:o.PropTypes.bool.def(!1),autoPlacement:o.PropTypes.bool.def(!1),autoVisibility:o.PropTypes.bool.def(!0),disableOutsideClick:o.PropTypes.bool.def(!1),disableTransform:o.PropTypes.bool.def(!1),reference:o.PropTypes.any.def(null)},d);const v=(0,t.defineComponent)({name:"PopReference",render:function(){var e,t,n;return null!==(n=null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:""}}),m=(0,t.defineComponent)({props:{class:o.PropTypes.string.def("")},render:function(){var e,n;return(0,t.createVNode)(t.Fragment,null,[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])}});function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i=[],l=!0,a=!1;try{for(n=n.call(e);!(l=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);l=!0);}catch(e){a=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(a)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e){return e.split("-")[0]}function w(e){return e.split("-")[1]}function b(e){return["top","bottom"].includes(y(e))?"x":"y"}function x(e){return"y"===e?"height":"width"}function T(e,t,n){let{reference:o,floating:r}=e;const i=o.x+o.width/2-r.width/2,l=o.y+o.height/2-r.height/2,a=b(t),c=x(a),u=o[c]/2-r[c]/2,s="x"===a;let f;switch(y(t)){case"top":f={x:i,y:o.y-r.height};break;case"bottom":f={x:i,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:l};break;case"left":f={x:o.x-r.width,y:l};break;default:f={x:o.x,y:o.y}}switch(w(t)){case"start":f[a]-=u*(n&&s?-1:1);break;case"end":f[a]+=u*(n&&s?-1:1)}return f}function P(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function R(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function E(e,t){var n;void 0===t&&(t={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:c}=e,{boundary:u="clippingAncestors",rootBoundary:s="viewport",elementContext:f="floating",altBoundary:d=!1,padding:p=0}=t,v=P(p),m=a[d?"floating"===f?"reference":"floating":f],h=R(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:u,rootBoundary:s,strategy:c})),g=R(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...l.floating,x:o,y:r}:l.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),strategy:c}):l[f]);return{top:h.top-g.top+v.top,bottom:g.bottom-h.bottom+v.bottom,left:h.left-g.left+v.left,right:g.right-h.right+v.right}}const C=Math.min,O=Math.max;function A(e,t,n){return O(e,C(t,n))}const S={left:"right",right:"left",bottom:"top",top:"bottom"};function N(e){return e.replace(/left|right|bottom|top/g,(e=>S[e]))}function L(e,t,n){void 0===n&&(n=!1);const o=w(e),r=b(e),i=x(r);let l="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=N(l)),{main:l,cross:N(l)}}const H={start:"end",end:"start"};function j(e){return e.replace(/start|end/g,(e=>H[e]))}const I=["top","right","bottom","left"],M=I.reduce(((e,t)=>e.concat(t,t+"-start",t+"-end")),[]);function D(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function V(e){return I.some((t=>e[t]>=0))}const k=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:o}=t,r=await async function(e,t){const{placement:n,platform:o,elements:r}=e,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),l=y(n),a=w(n),c="x"===b(n),u=["left","top"].includes(l)?-1:1,s=i&&c?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:d,crossAxis:p,alignmentAxis:v}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof v&&(p="end"===a?-1*v:v),c?{x:p*s,y:d*u}:{x:d*u,y:p*s}}(t,e);return{x:n+r.x,y:o+r.y,data:r}}}};const $=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:r}=t,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=e,u={x:n,y:o},s=await E(t,c),f=b(y(r)),d=function(e){return"x"===e?"y":"x"}(f);let p=u[f],v=u[d];if(i){const e="y"===f?"bottom":"right";p=A(p+s["y"===f?"top":"left"],p,p-s[e])}if(l){const e="y"===d?"bottom":"right";v=A(v+s["y"===d?"top":"left"],v,v-s[e])}const m=a.fn({...t,[f]:p,[d]:v});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function F(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function B(e){if(null==e)return window;if(!F(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function U(e){return B(e).getComputedStyle(e)}function W(e){return F(e)?"":e?(e.nodeName||"").toLowerCase():""}function _(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function q(e){return e instanceof B(e).HTMLElement}function z(e){return e instanceof B(e).Element}function K(e){return"undefined"!=typeof ShadowRoot&&(e instanceof B(e).ShadowRoot||e instanceof ShadowRoot)}function X(e){const{overflow:t,overflowX:n,overflowY:o}=U(e);return/auto|scroll|overlay|hidden/.test(t+o+n)}function Y(e){return["table","td","th"].includes(W(e))}function Z(e){const t=/firefox/i.test(_()),n=U(e);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||t&&"filter"===n.willChange||t&&!!n.filter&&"none"!==n.filter}function G(){return!/^((?!chrome|android).)*safari/i.test(_())}const J=Math.min,Q=Math.max,ee=Math.round;function te(e,t,n){var o,r,i,l;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect();let c=1,u=1;t&&q(e)&&(c=e.offsetWidth>0&&ee(a.width)/e.offsetWidth||1,u=e.offsetHeight>0&&ee(a.height)/e.offsetHeight||1);const s=z(e)?B(e):window,f=!G()&&n,d=(a.left+(f&&null!=(o=null==(r=s.visualViewport)?void 0:r.offsetLeft)?o:0))/c,p=(a.top+(f&&null!=(i=null==(l=s.visualViewport)?void 0:l.offsetTop)?i:0))/u,v=a.width/c,m=a.height/u;return{width:v,height:m,top:p,right:d+v,bottom:p+m,left:d,x:d,y:p}}function ne(e){return(t=e,(t instanceof B(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function oe(e){return z(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function re(e){return te(ne(e)).left+oe(e).scrollLeft}function ie(e,t,n){const o=q(t),r=ne(t),i=te(e,o&&function(e){const t=te(e);return ee(t.width)!==e.offsetWidth||ee(t.height)!==e.offsetHeight}(t),"fixed"===n);let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==W(t)||X(r))&&(l=oe(t)),q(t)){const e=te(t,!0);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else r&&(a.x=re(r));return{x:i.left+l.scrollLeft-a.x,y:i.top+l.scrollTop-a.y,width:i.width,height:i.height}}function le(e){return"html"===W(e)?e:e.assignedSlot||e.parentNode||(K(e)?e.host:null)||ne(e)}function ae(e){return q(e)&&"fixed"!==getComputedStyle(e).position?e.offsetParent:null}function ce(e){const t=B(e);let n=ae(e);for(;n&&Y(n)&&"static"===getComputedStyle(n).position;)n=ae(n);return n&&("html"===W(n)||"body"===W(n)&&"static"===getComputedStyle(n).position&&!Z(n))?t:n||function(e){let t=le(e);for(K(t)&&(t=t.host);q(t)&&!["html","body"].includes(W(t));){if(Z(t))return t;t=t.parentNode}return null}(e)||t}function ue(e){if(q(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=te(e);return{width:t.width,height:t.height}}function se(e){const t=le(e);return["html","body","#document"].includes(W(t))?e.ownerDocument.body:q(t)&&X(t)?t:se(t)}function fe(e,t){var n;void 0===t&&(t=[]);const o=se(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=B(o),l=r?[i].concat(i.visualViewport||[],X(o)?o:[]):o,a=t.concat(l);return r?a:a.concat(fe(l))}function de(e,t,n){return"viewport"===t?R(function(e,t){const n=B(e),o=ne(e),r=n.visualViewport;let i=o.clientWidth,l=o.clientHeight,a=0,c=0;if(r){i=r.width,l=r.height;const e=G();(e||!e&&"fixed"===t)&&(a=r.offsetLeft,c=r.offsetTop)}return{width:i,height:l,x:a,y:c}}(e,n)):z(t)?function(e,t){const n=te(e,!1,"fixed"===t),o=n.top+e.clientTop,r=n.left+e.clientLeft;return{top:o,left:r,x:r,y:o,right:r+e.clientWidth,bottom:o+e.clientHeight,width:e.clientWidth,height:e.clientHeight}}(t,n):R(function(e){var t;const n=ne(e),o=oe(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=Q(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),l=Q(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-o.scrollLeft+re(e);const c=-o.scrollTop;return"rtl"===U(r||n).direction&&(a+=Q(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:l,x:a,y:c}}(ne(e)))}function pe(e){const t=fe(e),n=["absolute","fixed"].includes(U(e).position)&&q(e)?ce(e):e;return z(n)?t.filter((e=>z(e)&&function(e,t){const n=null==t.getRootNode?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&K(n)){let n=t;do{if(n&&e===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(e,n)&&"body"!==W(e))):[]}const ve={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const i=[..."clippingAncestors"===n?pe(t):[].concat(n),o],l=i[0],a=i.reduce(((e,n)=>{const o=de(t,n,r);return e.top=Q(o.top,e.top),e.right=J(o.right,e.right),e.bottom=J(o.bottom,e.bottom),e.left=Q(o.left,e.left),e}),de(t,l,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:o}=e;const r=q(n),i=ne(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==W(n)||X(i))&&(l=oe(n)),q(n))){const e=te(n,!0);a.x=e.x+n.clientLeft,a.y=e.y+n.clientTop}return{...t,x:t.x-l.scrollLeft+a.x,y:t.y-l.scrollTop+a.y}},isElement:z,getDimensions:ue,getOffsetParent:ce,getDocumentElement:ne,getElementRects:e=>{let{reference:t,floating:n,strategy:o}=e;return{reference:ie(t,ce(n),o),floating:{...ue(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===U(e).direction},me=(e,t,n)=>(async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=n,a=await(null==l.isRTL?void 0:l.isRTL(t));let c=await l.getElementRects({reference:e,floating:t,strategy:r}),{x:u,y:s}=T(c,o,a),f=o,d={};for(let n=0;n<i.length;n++){const{name:p,fn:v}=i[n],{x:m,y:h,data:g,reset:y}=await v({x:u,y:s,initialPlacement:o,placement:f,strategy:r,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});u=null!=m?m:u,s=null!=h?h:s,d={...d,[p]:{...d[p],...g}},y&&("object"==typeof y&&(y.placement&&(f=y.placement),y.rects&&(c=!0===y.rects?await l.getElementRects({reference:e,floating:t,strategy:r}):y.rects),({x:u,y:s}=T(c,f,a))),n=-1)}return{x:u,y:s,placement:f,strategy:r,middlewareData:d}})(e,t,{platform:ve,...n}),he=function(n,r,i){var l=i.refReference,a=i.refContent,u=i.refArrow,s=i.refRoot,f=(0,t.ref)(!1),d=(0,t.ref)(),p=function(){var e,t,n,o=H(null===(e=l.value)||void 0===e?void 0:e.$el);return(null===(t=document.fullscreenElement)||void 0===t?void 0:t.shadowRoot)?document.fullscreenElement.shadowRoot.contains(o):null===(n=document.fullscreenElement)||void 0===n?void 0:n.contains(o)},v=["dark","light"],m=(0,t.computed)((function(){var e,t,o=null!==(t=null===(e=n.theme)||void 0===e?void 0:e.split(/\s+/))&&void 0!==t?t:[];return o.sort((function(e,t){return Number(v.includes(t))-Number(v.includes(e))})),{systemThemes:o,customThemes:o.filter((function(e){return!v.includes(e)}))}})),h=function(){return n.autoVisibility},g=function(){return n.autoPlacement},T=function(){var e,t,o,r;return{elReference:H(null===(e=l.value)||void 0===e?void 0:e.$el),elContent:H(null===(t=a.value)||void 0===t?void 0:t.$el),elArrow:n.arrow?H(null===(o=u.value)||void 0===o?void 0:o.$el):null,root:H(null===(r=s.value)||void 0===r?void 0:r.$el)}},S=function(e,t){var n,o,r=[k(t.offset),$({padding:t.padding})],i={placement:t.placement,middleware:r};if(t.arrow&&r.push((e=>({name:"arrow",options:e,async fn(t){const{element:n,padding:o=0}=null!=e?e:{},{x:r,y:i,placement:l,rects:a,platform:c}=t;if(null==n)return{};const u=P(o),s={x:r,y:i},f=b(l),d=w(l),p=x(f),v=await c.getDimensions(n),m="y"===f?"top":"left",h="y"===f?"bottom":"right",g=a.reference[p]+a.reference[f]-s[f]-a.floating[p],y=s[f]-a.reference[f],T=await(null==c.getOffsetParent?void 0:c.getOffsetParent(n));let R=T?"y"===f?T.clientHeight||0:T.clientWidth||0:0;0===R&&(R=a.floating[p]);const E=g/2-y/2,C=u[m],O=R-v[p]-u[h],S=R/2-v[p]/2+E,N=A(C,S,O),L=("start"===d?u[m]:u[h])>0&&S!==N&&a.reference[p]<=a.floating[p];return{[f]:s[f]-(L?S<C?C-S:O-S:0),data:{[f]:N,centerOffset:S-N}}}}))({element:e})),g()?r.push(function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,o,r,i,l;const{x:a,y:c,rects:u,middlewareData:s,placement:f,platform:d,elements:p}=t,{alignment:v=null,allowedPlacements:m=M,autoAlignment:h=!0,...g}=e,b=function(e,t,n){return(e?[...n.filter((t=>w(t)===e)),...n.filter((t=>w(t)!==e))]:n.filter((e=>y(e)===e))).filter((n=>!e||w(n)===e||!!t&&j(n)!==n))}(v,h,m),x=await E(t,g),T=null!=(n=null==(o=s.autoPlacement)?void 0:o.index)?n:0,P=b[T];if(null==P)return{};const{main:R,cross:C}=L(P,u,await(null==d.isRTL?void 0:d.isRTL(p.floating)));if(f!==P)return{x:a,y:c,reset:{placement:b[0]}};const O=[x[y(P)],x[R],x[C]],A=[...null!=(r=null==(i=s.autoPlacement)?void 0:i.overflows)?r:[],{placement:P,overflows:O}],S=b[T+1];if(S)return{data:{index:T+1,overflows:A},reset:{placement:S}};const N=A.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),H=null==(l=N.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:l.placement,I=null!=H?H:N[0].placement;return I!==f?{data:{index:T+1,overflows:A},reset:{placement:I}}:{}}}}()):(r.unshift(function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){var n;const{placement:o,elements:r,rects:i,platform:l,strategy:a}=t,{padding:c=2,x:u,y:s}=e,f=R(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:i.reference,offsetParent:await(null==l.getOffsetParent?void 0:l.getOffsetParent(r.floating)),strategy:a}):i.reference),d=null!=(n=await(null==l.getClientRects?void 0:l.getClientRects(r.reference)))?n:[],p=P(c),v=await l.getElementRects({reference:{getBoundingClientRect:function(){var e;if(2===d.length&&d[0].left>d[1].right&&null!=u&&null!=s)return null!=(e=d.find((e=>u>e.left-p.left&&u<e.right+p.right&&s>e.top-p.top&&s<e.bottom+p.bottom)))?e:f;if(d.length>=2){if("x"===b(o)){const e=d[0],t=d[d.length-1],n="top"===y(o),r=e.top,i=t.bottom,l=n?e.left:t.left,a=n?e.right:t.right;return{top:r,bottom:i,left:l,right:a,width:a-l,height:i-r,x:l,y:r}}const e="left"===y(o),t=O(...d.map((e=>e.right))),n=C(...d.map((e=>e.left))),r=d.filter((o=>e?o.left===n:o.right===t)),i=r[0].top,l=r[r.length-1].bottom;return{top:i,bottom:l,left:n,right:t,width:t-n,height:l-i,x:n,y:i}}return f}},floating:r.floating,strategy:a});return i.reference.x!==v.reference.x||i.reference.y!==v.reference.y||i.reference.width!==v.reference.width||i.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}}()),r.push(function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:o,middlewareData:r,rects:i,initialPlacement:l,platform:a,elements:c}=t,{mainAxis:u=!0,crossAxis:s=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",flipAlignment:p=!0,...v}=e,m=y(o),h=f||(m!==l&&p?function(e){const t=N(e);return[j(e),t,j(t)]}(l):[N(l)]),g=[l,...h],w=await E(t,v),b=[];let x=(null==(n=r.flip)?void 0:n.overflows)||[];if(u&&b.push(w[m]),s){const{main:e,cross:t}=L(o,i,await(null==a.isRTL?void 0:a.isRTL(c.floating)));b.push(w[e],w[t])}if(x=[...x,{placement:o,overflows:b}],!b.every((e=>e<=0))){var T,P;const e=(null!=(T=null==(P=r.flip)?void 0:P.index)?T:0)+1,t=g[e];if(t)return{data:{index:e,overflows:x},reset:{placement:t}};let n="bottom";switch(d){case"bestFit":{var R;const e=null==(R=x.map((e=>[e,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:R[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}}())),h()&&i.middleware.push(function(e){let{strategy:t="referenceHidden",...n}={};return{name:"hide",async fn(e){const{rects:o}=e;switch(t){case"referenceHidden":{const t=D(await E(e,{...n,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:V(t)}}}case"escaped":{const t=D(await E(e,{...n,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:V(t)}}}default:return{}}}}}()),p()||t.isVirtualEl){var l=(o=d.value,{getElementRects:function(e){var t=e.reference,n=e.floating,o=t.getBoundingClientRect(),r=n.getBoundingClientRect();return{reference:{width:o.width,height:o.height,x:o.x,y:o.y},floating:{width:r.width,height:r.height,x:r.x,y:r.y}}},getDimensions:function(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height}},getClippingRect:function(e){var t;!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var n=null!==(t=null==o?void 0:o.getBoundingClientRect())&&void 0!==t?t:{},r=n.width,i=void 0===r?0:r,l=n.height;return{width:i,height:void 0===l?0:l,x:0,y:0}}}),a=l.getElementRects,c=l.getDimensions,u=l.getClippingRect;Object.assign(i,{platform:Object.assign(Object.assign({},null!==(n=null==t?void 0:t.platform)&&void 0!==n?n:{}),{getElementRects:a,getDimensions:c,getClippingRect:u})})}return i},H=function e(t){return t instanceof HTMLElement?t:t instanceof Text?e(t.nextElementSibling):"function"==typeof(null==t?void 0:t.getBoundingClientRect)?t:null},I=m.value.customThemes.join(" "),F=m.value.customThemes.reduce((function(t,n){return Object.assign(e({},"data-".concat(n,"-theme"),!0),t)}),{}),B="".concat(I),U=null,W=function(e){var t=window.devicePixelRatio||1;return Math.round(e*t)/t||0},_=function(e,t,o,r){var i;n.disableTransform?Object.assign(e.style,{left:"".concat(W(t),"px"),top:"".concat(W(o),"px")}):Object.assign(e.style,{left:"0",top:"0",transform:"translate3d(".concat(W(t),"px,").concat(W(o),"px,0)")});var l=!!h()&&(null===(i=r.hide)||void 0===i?void 0:i.referenceHidden);Object.assign(e.style,{visibility:l?"hidden":"visible"})},q=function(t,o,r){var i;if(n.arrow){var l=null!==(i=r.arrow)&&void 0!==i?i:{},a=l.x,c=l.y;t.setAttribute("data-arrow",o),Object.assign(t.style,{left:"",top:"",bottom:"",right:""});var u={top:"bottom",right:"left",bottom:"top",left:"right"}[o];Object.assign(t.style,e({left:null!==a?"".concat(a,"px"):"",top:null!==c?"".concat(c,"px"):""},u,"-4px"))}},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=T(),o=n.elReference,r=n.elContent,i=n.elArrow,l=e||o;if(l&&r){var a=S(i,t);me(l,r,a).then((function(e){var t=e.x,n=e.y,o=e.placement,l=e.middlewareData,a=r.className;r.className="".concat(a.replace(B,"")," ").concat(B).replace(/\s+/gm," ").replace(/^\s+|\s+$/g,""),Object.keys(F).forEach((function(e){r.setAttribute(e,F[e])}));var c=o.split("-")[0],u=c;["left","right","top","bottom"].includes(c)||(u="top"),_(r,t,n,l),q(i,u,l)}))}},X=void 0,Y=!1,Z=function(){setTimeout((function(){!n.disabled&&(f.value=!0)}),100)},G=function(){X=setTimeout((function(){f.value=!1}),100)},J=function(){f.value?G():Z()},Q=function(){J()},ee=function(){"hover"===n.trigger&&(X&&(Y=!0,clearTimeout(X),X=void 0),oe())},ne=function(){Y&&(G(),Y=!1,re())},oe=function(){r.emit(c.CONTENT_MOUSEENTER)},re=function(){r.emit(c.CONTENT_MOUSELEAVE)};return(0,t.watch)(f,(function(e){var t,i;e?((i=H(null===(t=a.value)||void 0===t?void 0:t.$el)).style.setProperty("display","block"),i.style.setProperty("z-index","".concat(n.zIndex?n.zIndex:o.bkZIndexManager.getModalNextIndex())),K(),r.emit("afterShow",{isShow:!0})):function(){var e;H(null===(e=a.value)||void 0===e?void 0:e.$el).style.setProperty("display","none"),r.emit("afterHidden",{isShow:!1})}()})),{showPopover:Z,hidePopover:G,resolveTriggerEvents:function(){var e;return null!==(e={hover:{content:[["mouseenter",ee],["mouseleave",ne]],reference:[["mouseenter",Z],["mouseleave",G],["focus",Z],["blur",G]]},click:[["click",Q]],manual:{content:[["mouseenter",oe],["mouseleave",re]],reference:[[]]}}[n.trigger])&&void 0!==e?e:[]},updatePopover:K,triggerPopover:J,resolvePopElements:T,isElementFullScreen:p,resolveTargetElement:H,createPopInstance:function(){var e=T(),t=e.elReference,o=e.elContent;U=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:l=!0,animationFrame:a=!1}=o,c=r&&!a,u=i&&!a,s=c||u?[...z(e)?fe(e):[],...fe(t)]:[];s.forEach((e=>{c&&e.addEventListener("scroll",n,{passive:!0}),u&&e.addEventListener("resize",n)}));let f,d=null;l&&(d=new ResizeObserver(n),z(e)&&!a&&d.observe(e),d.observe(t));let p=a?te(e):null;return a&&function t(){const o=te(e);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n(),p=o,f=requestAnimationFrame(t)}(),l||n(),()=>{var e;s.forEach((e=>{c&&e.removeEventListener("scroll",n),u&&e.removeEventListener("resize",n)})),null==(e=d)||e.disconnect(),d=null,a&&cancelAnimationFrame(f)}}(t,o,(function(){K(null,n)}))},updateFullscreenTarget:function(e){d.value=e},getFullscreenRoot:function(e){return p()?document.fullscreenElement.shadowRoot?document.fullscreenElement.shadowRoot.querySelector(e):document.fullscreenElement.querySelector(e):document.body},stopHide:function(){X&&(Y=!0,clearTimeout(X),X=void 0)},localIsShow:f,cleanup:U}};var ge=i(8022),ye={},we=function(e){return document.querySelector(e)instanceof HTMLElement},be=null,xe=null;const Te=(0,t.defineComponent)({name:"Popover2",components:{Content:f,Arrow:r,Root:m},directives:{clickoutside:n.clickoutside},props:p,emits:s,setup:function(e,n){var o=e.content,r=e.theme,i=e.disableTeleport,l=(0,t.toRefs)(e).reference,a=(0,t.ref)(),u=(0,t.ref)(),s=(0,t.ref)(),f=(0,t.ref)(),d=(0,t.computed)((function(){return l.value||a.value})),p=function(e,n,o){var r=o.refReference,i=o.refContent,l=o.refArrow,a=o.refRoot,u=null,s=(0,t.ref)(!1),f=(ye.fullscreenReferId||(ye.fullscreenReferId="id_".concat((0,ge.v4)())),ye.fullscreenReferId),d=(0,t.ref)(),p=he(e,n,{refReference:r,refContent:i,refArrow:l,refRoot:a}),v=p.localIsShow,m=p.showPopover,h=p.hidePopover,y=p.updatePopover,w=p.resolveTriggerEvents,b=p.resolvePopElements,x=p.isElementFullScreen,T=p.updateFullscreenTarget,P=p.createPopInstance,R=p.getFullscreenRoot,E=p.stopHide,C=function(){h()},O=function(){P(),e.always?m():A()},A=function(){var e=b(),t=e.elReference,n=e.elContent;if(u=w(),Array.isArray(u))S(t,u);else{var o=u,r=o.content,i=o.reference;S(t,i),S(n,r)}},S=function(e,t){t.forEach((function(t){var n=g(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.addEventListener(o,r)}))},N=function(){var e=b(),t=e.elReference,n=e.root;s.value?j.value=null==d?void 0:d.value:j.value=H(n||t)},L=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#",n=function(n){var o=null,r=function(e){null===o&&e()};return r((function(){if(/^parent$/i.test(e.boundary)){o="".concat(t).concat(be);var r=(n||{}).parentNode;(null==r?void 0:r.parentNode)&&(r.parentNode.setAttribute("data-pnode-id",xe),o="[data-pnode-id=".concat(xe,"]"))}})),r((function(){if(!/^body$/i.test(e.boundary)&&"string"==typeof e.boundary){if(!we(e.boundary))return console.error("props.boundary is not available selector"),void(o="body");o=e.boundary}})),r((function(){o="string"==typeof e.boundary?e.boundary:"".concat(t).concat(be)})),o};if(null===be||!we("#".concat(be))){be="id_".concat((0,ge.v4)());var o=document.createElement("div");o.setAttribute("id",be),o.setAttribute("data-popper-id",be),document.body.append(o)}return null===xe&&(xe="id_".concat((0,ge.v4)())),{popContainerId:be,prefixId:n(),getPrefixId:n}}(e,"#"),H=L.getPrefixId,j=(0,t.ref)(),I=function(){!function(){if(null==u?void 0:u.length){var e=b().elReference;e&&u.forEach((function(t){var n=g(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.removeEventListener(o,r)})),u=null}}()},M=function(e){var t;d.value=e,T(e),s.value=x(),null===(t=null==d?void 0:d.value)||void 0===t||t.setAttribute("data-fllsrn-id",f)},D=function(t){var n,o,r;document.fullscreenElement||(r="[data-fllsrn-id=".concat(f,"]"),(null!==(o=null===(n=null==d?void 0:d.value)||void 0===n?void 0:n.querySelectorAll(r))&&void 0!==o?o:[]).forEach((function(e){null==e||e.removeAttribute("data-fllsrn-id")}))),M(t.target),N(),y(null,e)};return{onMountedFn:function(){if(!e.disabled){if(O(),x()){var t="[data-fllsrn-id=".concat(f,"]"),n=R(t);M(n)}N(),document.body.addEventListener("fullscreenchange",D)}},onUnmountedFn:function(){I(),document.body.removeEventListener("fullscreenchange",D)},handleClickOutside:function(t){n.emit(c.CLICK_OUTSIDE,{isShow:v.value,event:t}),e.disableOutsideClick||e.always||e.disabled||"manual"===e.trigger||v.value&&C()},beforeInstanceUnmount:I,updateBoundary:N,initPopInstance:O,updatePopover:y,showPopover:m,hidePopover:h,showFn:function(){m()},hideFn:C,stopHide:E,isFullscreen:s,boundary:j}}(e,n,{refReference:d,refContent:u,refArrow:s,refRoot:f}),v=p.onMountedFn,m=p.onUnmountedFn,h=p.handleClickOutside,y=p.beforeInstanceUnmount,w=p.updateBoundary,b=p.initPopInstance,x=p.showFn,T=p.hideFn,P=p.showPopover,R=p.hidePopover,E=p.updatePopover,C=p.stopHide,O=p.boundary;e.always||e.disabled||(0,t.watch)((function(){return e.isShow}),(function(){e.isShow?P():R()}),{immediate:!0}),(0,t.watch)((function(){return[e.disabled]}),(function(e){e[0]?y():b()})),w(),(0,t.onMounted)(v),(0,t.onBeforeUnmount)(m);var A=(0,t.computed)((function(){return!i}));return{boundary:O,arrow:e.arrow,refDefaultReference:a,refContent:u,refArrow:s,content:o,theme:r,transBoundary:A,handleClickOutside:h,updatePopover:E,hide:function(){T()},show:function(){x()},stopHide:C}},render:function(){var e,n,o,i,l,a,c=this;return(0,t.createVNode)(m,{ref:"refRoot"},{default:function(){return[(0,t.createVNode)(v,{ref:"refDefaultReference"},{default:function(){return[null!==(o=null===(n=(e=c.$slots).default)||void 0===n?void 0:n.call(e))&&void 0!==o?o:(0,t.createVNode)("span",null,null)]}}),(0,t.createVNode)(t.Teleport,{to:c.boundary,disabled:!c.transBoundary},{default:function(){return[(0,t.withDirectives)((0,t.createVNode)(f,{ref:"refContent","data-theme":c.theme,width:c.width,height:c.height},{default:function(){return[null!==(a=null===(l=(i=c.$slots).content)||void 0===l?void 0:l.call(i))&&void 0!==a?a:c.content]},arrow:function(){var e,n;return c.arrow?(0,t.createVNode)(r,{ref:"refArrow"},{default:function(){return[null===(n=(e=c.$slots).arrow)||void 0===n?void 0:n.call(e)]}}):""}}),[[(0,t.resolveDirective)("clickoutside"),c.handleClickOutside]])]}})]}})}}),Pe=function(n){var o,r=null,i=null,l=null,a=Object.assign(Object.assign({boundary:"body",placement:"top",autoVisibility:!1},n),{trigger:"manual"}),c=function(e){return e instanceof Element||e instanceof HTMLDocument},u={name:"$popover",setup:function(n,o){var r=o.expose,i=(0,t.ref)(a),l=(0,t.ref)(),u=(0,t.ref)({position:"absolute",pointerEvents:"none",left:0,top:0,width:"auto",height:"auto",transform:""}),s=function(e){if(c(e)){var t=e.getBoundingClientRect(),n=t.x,o=t.y,r=t.width,i=t.height;Object.assign(u.value,{width:"".concat(r,"px"),height:"".concat(i,"px"),transform:"translate3d(".concat(n,"px,").concat(o,"px,0)")})}else{var l=e.clientX,a=e.clientY;Object.assign(u.value,{transform:"translate3d(".concat(l,"px,").concat(a,"px,0)"),width:"10px",height:"10px"})}};s(i.value.target);var f=(0,t.computed)((function(){var t=["target"];return Object.keys(i.value).filter((function(e){return!t.includes(e)})).reduce((function(t,n){return Object.assign(Object.assign({},t),e({},n,i.value[n]))}),{})})),d=function(){var e;null===(e=a.onContentMouseenter)||void 0===e||e.call(a)},p=function(){var e;null===(e=a.onContentMouseleave)||void 0===e||e.call(a)};return r({show:function(){setTimeout((function(){var e,t;null===(t=null===(e=l.value)||void 0===e?void 0:e.show)||void 0===t||t.call(e)}))},hide:function(){var e,t;null===(t=null===(e=l.value)||void 0===e?void 0:e.hide)||void 0===t||t.call(e)},updateTarget:function(e){var n,o;i.value.target=e,s(e),null===(o=null===(n=l.value)||void 0===n?void 0:n.updatePopover)||void 0===o||o.call(n),(0,t.nextTick)((function(){var e,t;null===(t=null===(e=l.value)||void 0===e?void 0:e.updatePopover)||void 0===t||t.call(e)}))},stopHide:function(){var e,t;null===(t=null===(e=l.value)||void 0===e?void 0:e.stopHide)||void 0===t||t.call(e)}}),function(){return(0,t.createVNode)(Te,(0,t.mergeProps)(f.value,{ref:l,onContentMouseenter:d,onContentMouseleave:p}),{default:function(){return[(0,t.createVNode)("span",{style:u.value},null)]}})}}};return null===r&&(l=document.createElement("div"),(o=a.boundary,/^body$/i.test(o)?document.body:/^parent$/i.test(o)?c(a.target)?a.target.parentNode:a.target.target.parentNode:"string"==typeof o&&we(o)?document.querySelector(o):document.body).append(l),setTimeout((function(){r=(0,t.createApp)(u),i=r.mount(l)}))),{close:function(){r&&(r.unmount(),i=null,r=null,l.remove())},show:function(){null==i||i.show()},hide:function(){null==i||i.hide()},update:function(e){null==i||i.updateTarget(e)},get vm(){return i},get $el(){return i.$el}}}})(),l})()));

package/lib/plugins/index.d.ts

@@ -0,0 +1 @@
+export { default as $bkPopover } from '../plugin-popover';

package/lib/plugins/index.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../plugin-popover"));else if("function"==typeof define&&define.amd)define(["../plugin-popover"],o);else{var r="object"==typeof exports?o(require("../plugin-popover")):o(e["../plugin-popover"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,(e=>(()=>{"use strict";var o={9706:o=>{o.exports=e}},r={};function t(e){var p=r[e];if(void 0!==p)return p.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,t),n.exports}t.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return t.d(o,{a:o}),o},t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{t.r(p),t.d(p,{$bkPopover:()=>o.a});var e=t(9706),o=t.n(e)})(),p})()));