bkui-vue 0.0.1-beta.13 → 0.0.1-beta.132

package/lib/popover2/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives")):t(e["../shared"],e.vue,e["../directives"]);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 s=t&&n||0,u=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 m=void 0!==e.msecs?e.msecs:(new Date).getTime(),v=void 0!==e.nsecs?e.nsecs:c+1,h=m-a+(v-c)/1e4;if(h<0&&void 0===e.clockseq&&(d=d+1&16383),(h<0||m>a)&&void 0===e.nsecs&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=m,c=v,r=d;var g=(1e4*(268435455&(m+=122192928e5))+v)%4294967296;u[s++]=g>>>24&255,u[s++]=g>>>16&255,u[s++]=g>>>8&255,u[s++]=255&g;var y=m/4294967296*1e4&268435455;u[s++]=y>>>8&255,u[s++]=255&y,u[s++]=y>>>24&15|16,u[s++]=y>>>16&255,u[s++]=d>>>8|128,u[s++]=255&d;for(var w=0;w<6;++w)u[s+w]=f[w];return t||l(u)}},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=n},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},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";i.r(l),i.d(l,{default:()=>xe});var e=i(4212);function t(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 n(e,n){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,n)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}}(e,n)||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.")}()}var o=i(748),r=i(4061);const a=(0,o.defineComponent)({name:"PopArrow",render:function(){var t=(0,e.resolveClassName)("pop2-arrow");return(0,o.createVNode)("div",{class:t},null)}});function c(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,u,f=function(){return!0};!function(e){e.SHOW="show",e.HIDE="hide",e.CLICK_OUTSIDE="clickoutside"}(u||(u={}));var d=(c(s={},u.SHOW,f),c(s,u.HIDE,f),c(s,u.CLICK_OUTSIDE,f),s);const p=(0,o.defineComponent)({name:"PopContent",props:{width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto")},setup:function(e){var t=function(e){return/^\d+\.?\d*$/.test("".concat(e))?"".concat(e,"px"):e};return{style:(0,o.computed)((function(){return{width:t(e.width),height:t(e.height)}}))}},render:function(){var t,n,r,i,l,a,c=[(0,e.resolveClassName)("popover2"),(0,e.resolveClassName)("pop2-content")];return(0,o.createVNode)("div",{class:c,tabindex:"-1",style:this.style},[null!==(r=null===(n=(t=this.$slots).default)||void 0===n?void 0:n.call(t))&&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 m={onAfterHidden:Function,onAfterShow:Function},v=Object.assign({isShow:e.PropTypes.bool.def(!1),always:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),placement:e.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:e.PropTypes.string.def("dark"),trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),padding:e.PropTypes.number.def(5),offset:e.PropTypes.number.def(6),boundary:e.PropTypes.string.def(void 0),zIndex:e.PropTypes.number.def(void 0),disableTeleport:e.PropTypes.bool.def(!1),autoPlacement:e.PropTypes.bool.def(!1),autoVisibility:e.PropTypes.bool.def(!0),disableOutsideClick:e.PropTypes.bool.def(!1)},m);const h=(0,o.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:""}}),g=(0,o.defineComponent)({props:{class:e.PropTypes.string.def("")},render:function(){var e,t;return(0,o.createVNode)(o.Fragment,null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])}});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),s=o[c]/2-r[c]/2,u="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]-=s*(n&&u?-1:1);break;case"end":f[a]+=s*(n&&u?-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 C(e,t){var n;void 0===t&&(t={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:d=!1,padding:p=0}=t,m=P(p),v=a[d?"floating"===f?"reference":"floating":f],h=R(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(v)))||n?v:v.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:s,rootBoundary:u,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+m.top,bottom:g.bottom-h.bottom+m.bottom,left:h.left-g.left+m.left,right:g.right-h.right+m.right}}const E=Math.min,O=Math.max;function A(e,t,n){return O(e,E(t,n))}const S={left:"right",right:"left",bottom:"top",top:"bottom"};function L(e){return e.replace(/left|right|bottom|top/g,(e=>S[e]))}function H(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=L(l)),{main:l,cross:L(l)}}const D={start:"end",end:"start"};function N(e){return e.replace(/start|end/g,(e=>D[e]))}const k=["top","right","bottom","left"],I=k.reduce(((e,t)=>e.concat(t,t+"-start",t+"-end")),[]);function V(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function j(e){return k.some((t=>e[t]>=0))}const $=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),s=["left","top"].includes(l)?-1:1,u=i&&c?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:d,crossAxis:p,alignmentAxis:m}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),c?{x:p*u,y:d*s}:{x:d*s,y:p*u}}(t,e);return{x:n+r.x,y:o+r.y,data:r}}}};const M=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,s={x:n,y:o},u=await C(t,c),f=b(y(r)),d=function(e){return"x"===e?"y":"x"}(f);let p=s[f],m=s[d];if(i){const e="y"===f?"bottom":"right";p=A(p+u["y"===f?"top":"left"],p,p-u[e])}if(l){const e="y"===d?"bottom":"right";m=A(m+u["y"===d?"top":"left"],m,m-u[e])}const v=a.fn({...t,[f]:p,[d]:m});return{...v,data:{x:v.x-n,y:v.y-o}}}}};function W(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function B(e){if(null==e)return window;if(!W(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function q(e){return B(e).getComputedStyle(e)}function F(e){return W(e)?"":e?(e.nodeName||"").toLowerCase():""}function z(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function _(e){return e instanceof B(e).HTMLElement}function U(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}=q(e);return/auto|scroll|overlay|hidden/.test(t+o+n)}function Y(e){return["table","td","th"].includes(F(e))}function Z(e){const t=/firefox/i.test(z()),n=q(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(z())}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,s=1;t&&_(e)&&(c=e.offsetWidth>0&&ee(a.width)/e.offsetWidth||1,s=e.offsetHeight>0&&ee(a.height)/e.offsetHeight||1);const u=U(e)?B(e):window,f=!G()&&n,d=(a.left+(f&&null!=(o=null==(r=u.visualViewport)?void 0:r.offsetLeft)?o:0))/c,p=(a.top+(f&&null!=(i=null==(l=u.visualViewport)?void 0:l.offsetTop)?i:0))/s,m=a.width/c,v=a.height/s;return{width:m,height:v,top:p,right:d+m,bottom:p+v,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 U(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=_(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"!==F(t)||X(r))&&(l=oe(t)),_(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"===F(e)?e:e.assignedSlot||e.parentNode||(K(e)?e.host:null)||ne(e)}function ae(e){return _(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"===F(n)||"body"===F(n)&&"static"===getComputedStyle(n).position&&!Z(n))?t:n||function(e){let t=le(e);for(K(t)&&(t=t.host);_(t)&&!["html","body"].includes(F(t));){if(Z(t))return t;t=t.parentNode}return null}(e)||t}function se(e){if(_(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=te(e);return{width:t.width,height:t.height}}function ue(e){const t=le(e);return["html","body","#document"].includes(F(t))?e.ownerDocument.body:_(t)&&X(t)?t:ue(t)}function fe(e,t){var n;void 0===t&&(t=[]);const o=ue(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)):U(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"===q(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(q(e).position)&&_(e)?ce(e):e;return U(n)?t.filter((e=>U(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"!==F(e))):[]}const me={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=_(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"!==F(n)||X(i))&&(l=oe(n)),_(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:U,getDimensions:se,getOffsetParent:ce,getDocumentElement:ne,getElementRects:e=>{let{reference:t,floating:n,strategy:o}=e;return{reference:ie(t,ce(n),o),floating:{...se(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===q(e).direction},ve=function(t,n,r,i,l,a){var s=(0,o.ref)(!1),u=function(){var e,t,n=h(null===(e=r.value)||void 0===e?void 0:e.$el);return null===(t=document.fullscreenElement)||void 0===t?void 0:t.contains(n)},f=["dark","light"],d=(0,o.computed)((function(){var e=t.theme.split(/\s+/);return e.sort((function(e,t){return Number(f.includes(t))-Number(f.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!f.includes(e)}))}})),p=function(){return!u()&&t.autoVisibility},m=function(){var e,n,o,c;return{elReference:h(null===(e=r.value)||void 0===e?void 0:e.$el),elContent:h(null===(n=i.value)||void 0===n?void 0:n.$el),elArrow:t.arrow?h(null===(o=l.value)||void 0===o?void 0:o.$el):null,root:h(null===(c=a.value)||void 0===c?void 0:c.$el)}},v=function(e){var n=[$(t.offset),M({padding:t.padding})],o={placement:t.placement,middleware:n};if(t.arrow&&n.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 s=P(o),u={x:r,y:i},f=b(l),d=w(l),p=x(f),m=await c.getDimensions(n),v="y"===f?"top":"left",h="y"===f?"bottom":"right",g=a.reference[p]+a.reference[f]-u[f]-a.floating[p],y=u[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 C=g/2-y/2,E=s[v],O=R-m[p]-s[h],S=R/2-m[p]/2+C,L=A(E,S,O),H=("start"===d?s[v]:s[h])>0&&S!==L&&a.reference[p]<=a.floating[p];return{[f]:u[f]-(H?S<E?E-S:O-S:0),data:{[f]:L,centerOffset:S-L}}}}))({element:e})),u()||t.autoPlacement?n.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:s,middlewareData:u,placement:f,platform:d,elements:p}=t,{alignment:m=null,allowedPlacements:v=I,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&&N(n)!==n))}(m,h,v),x=await C(t,g),T=null!=(n=null==(o=u.autoPlacement)?void 0:o.index)?n:0,P=b[T];if(null==P)return{};const{main:R,cross:E}=H(P,s,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[E]],A=[...null!=(r=null==(i=u.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 L=A.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),D=null==(l=L.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:l.placement,k=null!=D?D:L[0].placement;return k!==f?{data:{index:T+1,overflows:A},reset:{placement:k}}:{}}}}()):(n.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:s,y:u}=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),m=await l.getElementRects({reference:{getBoundingClientRect:function(){var e;if(2===d.length&&d[0].left>d[1].right&&null!=s&&null!=u)return null!=(e=d.find((e=>s>e.left-p.left&&s<e.right+p.right&&u>e.top-p.top&&u<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=E(...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!==m.reference.x||i.reference.y!==m.reference.y||i.reference.width!==m.reference.width||i.reference.height!==m.reference.height?{reset:{rects:m}}:{}}}}()),n.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:s=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",flipAlignment:p=!0,...m}=e,v=y(o),h=f||(v!==l&&p?function(e){const t=L(e);return[N(e),t,N(t)]}(l):[L(l)]),g=[l,...h],w=await C(t,m),b=[];let x=(null==(n=r.flip)?void 0:n.overflows)||[];if(s&&b.push(w[v]),u){const{main:e,cross:t}=H(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{}}}}())),p()&&o.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=V(await C(e,{...n,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:j(t)}}}case"escaped":{const t=V(await C(e,{...n,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:j(t)}}}default:return{}}}}}()),u()){var r={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){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=document.fullscreenElement.getBoundingClientRect();return{width:t.width,height:t.height,x:0,y:0}}},i=r.getElementRects,l=r.getDimensions,a=r.getClippingRect;Object.assign(o,{platform:{getElementRects:i,getDimensions:l,getClippingRect:a}})}return o},h=function e(t){return t instanceof HTMLElement?t:t instanceof Text?e(t.nextElementSibling):null},g=d.value.customThemes.join(" "),S=d.value.customThemes.reduce((function(e,t){return Object.assign(c({},"data-".concat(t,"-theme"),!0),e)}),{}),D="".concat(g),k=null,W=function(e){var t=window.devicePixelRatio||1;return Math.round(e*t)/t||0},B=function(){var e=m(),n=e.elReference,o=e.elContent,r=e.elArrow;if(n){var i=v(r);((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:s,y:u}=T(c,o,a),f=o,d={};for(let n=0;n<i.length;n++){const{name:p,fn:m}=i[n],{x:v,y:h,data:g,reset:y}=await m({x:s,y:u,initialPlacement:o,placement:f,strategy:r,middlewareData:d,rects:c,platform:l,elements:{reference:e,floating:t}});s=null!=v?v:s,u=null!=h?h:u,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:s,y:u}=T(c,f,a))),n=-1)}return{x:s,y:u,placement:f,strategy:r,middlewareData:d}})(e,t,{platform:me,...n}))(n,o,i).then((function(e){var n=e.x,i=e.y,l=e.placement,a=e.middlewareData,s=o.className;o.className="".concat(s.replace(D,"")," ").concat(D).replace(/\s+/gm," ").replace(/^\s+|\s+$/g,""),Object.keys(S).forEach((function(e){o.setAttribute(e,S[e])}));var u=l.split("-")[0],f=u;["left","right","top","bottom"].includes(u)||(f="top"),function(e,t,n,o){var r;Object.assign(e.style,{left:"0",top:"0",transform:"translate3d(".concat(W(t),"px,").concat(W(n),"px,0)")});var i=!!p()&&(null===(r=o.hide)||void 0===r?void 0:r.referenceHidden);Object.assign(e.style,{visibility:i?"hidden":"visible"})}(o,n,i,a),function(e,n,o){if(t.arrow){var r=o.arrow,i=r.x,l=r.y;e.setAttribute("data-arrow",n),Object.assign(e.style,{left:"",top:"",bottom:"",right:""});var a={top:"bottom",right:"left",bottom:"top",left:"right"}[n];Object.assign(e.style,c({left:null!==i?"".concat(i,"px"):"",top:null!==l?"".concat(l,"px"):""},a,"-4px"))}}(r,f,a)}))}},q=function(){s.value=!0},F=function(){s.value=!1},z=function(){s.value?F():q()},_=function(){z()};return(0,o.watch)(s,(function(o){var r,l;o?((l=h(null===(r=i.value)||void 0===r?void 0:r.$el)).style.setProperty("display","block"),l.style.setProperty("z-index","".concat(t.zIndex?t.zIndex:e.bkZIndexManager.getModalNextIndex())),B(),n.emit("afterShow",{isSHow:!0})):function(){var e;h(null===(e=i.value)||void 0===e?void 0:e.$el).style.setProperty("display","none"),n.emit("afterHidden",{isSHow:!1})}()})),{showPopover:q,hidePopover:F,resolveTriggerEvents:function(){var e;return null!==(e={hover:[["mouseenter",q],["mouseleave",F],["focus",q],["blur",F]],click:[["click",_]],manual:[[]]}[t.trigger])&&void 0!==e?e:[]},updatePopover:B,triggerPopover:z,resolvePopElements:m,isElementFullScreen:u,resolveTargetElement:h,createPopInstance:function(){var e=m(),t=e.elReference,n=e.elContent;k=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,s=i&&!a,u=c||s?[...U(e)?fe(e):[],...fe(t)]:[];u.forEach((e=>{c&&e.addEventListener("scroll",n,{passive:!0}),s&&e.addEventListener("resize",n)}));let f,d=null;l&&(d=new ResizeObserver(n),U(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;u.forEach((e=>{c&&e.removeEventListener("scroll",n),s&&e.removeEventListener("resize",n)})),null==(e=d)||e.disconnect(),d=null,a&&cancelAnimationFrame(f)}}(t,n,(function(){B()}))},localIsShow:s,cleanup:k}};var he=i(8022),ge=null,ye=null,we=null;const be=(0,o.defineComponent)({name:"Popover2",components:{Content:p,Arrow:a,Root:g},directives:{clickoutside:r.clickoutside},props:v,emits:d,setup:function(e,t){var r=e.content,i=e.theme,l=e.disableTeleport,a=(0,o.ref)(),c=(0,o.ref)(),s=(0,o.ref)(),f=(0,o.ref)(),d=(0,o.ref)(!1),p=null,m=ve(e,t,a,c,s,f),v=m.localIsShow,h=m.showPopover,g=m.hidePopover,y=m.resolveTriggerEvents,w=m.updatePopover,b=m.resolvePopElements,x=m.isElementFullScreen,T=m.cleanup,P=m.createPopInstance,R=function(){g()},C=function(){P(),e.always?h():E()};e.always||e.disabled||(0,o.watch)((function(){return e.isShow}),(function(){e.isShow?h():g()}),{immediate:!0}),(0,o.watch)((function(){return[e.disabled]}),(function(e){e[0]?C():D()}));var E=function(){var e=b().elReference;(p=y()).forEach((function(t){var o=n(t,2),r=o[0],i=o[1];e.addEventListener(r,i)}))},O=function(){var e=b(),t=e.elReference,n=e.root;H.value=S(d.value,n||t)},A=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#",n=function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=arguments.length>1?arguments[1]:void 0,i=null,l=function(e){null===i&&e()},a=function(){n&&(i="[data-fllsrn-id=".concat(ye,"]"))},c=function(){/^body$/i.test(e.boundary)||"string"!=typeof e.boundary||(o(e.boundary)||console.error("props.boundary is not available selector"),i=e.boundary)};return l((function(){if(/^parent$/i.test(e.boundary)){i="".concat(t).concat(ge);var n=(r||{}).parentNode;(null==n?void 0:n.parentNode)&&(n.parentNode.setAttribute("data-pnode-id",we),i="[data-pnode-id=".concat(we,"]"))}})),l(c),l(a),l((function(){i="string"==typeof e.boundary?e.boundary:"".concat(t).concat(ge)})),i},o=function(e){return document.querySelector(e)instanceof HTMLElement};if(null===ge||!o("#".concat(ge))){ge="id_".concat((0,he.v4)());var r=document.createElement("div");r.setAttribute("id",ge),r.setAttribute("data-popper-id",ge),document.body.append(r)}null===ye&&(ye="id_".concat((0,he.v4)())),null===we&&(we="id_".concat((0,he.v4)()));var i=function(){var e;if(null===document.fullscreenElement){var t="[data-fllsrn-id=".concat(ye,"]");(null!==(e=document.querySelectorAll(t))&&void 0!==e?e:[]).forEach((function(e){e.removeAttribute("data-fllsrn-id")}))}else document.fullscreenElement.setAttribute("data-fllsrn-id",ye)};return{popContainerId:ge,prefixId:n(),getPrefixId:n,resetFullscreenElementTag:i}}(e,"#"),S=A.getPrefixId,L=A.resetFullscreenElementTag,H=(0,o.ref)();O();var D=function(){"function"==typeof T&&T(),function(){if(null==p?void 0:p.length){var e=b().elReference;e&&p.forEach((function(t){var o=n(t,2),r=o[0],i=o[1];e.removeEventListener(r,i)})),p=null}}()},N=function(){d.value=x(),L(),O(),w()};(0,o.onMounted)((function(){e.disabled||(C(),O(),document.body.addEventListener("fullscreenchange",N))})),(0,o.onUnmounted)((function(){D(),document.body.removeEventListener("fullscreenchange",N)})),t.expose({show:function(){h()},hide:R});var k=(0,o.computed)((function(){return(d.value||!l)&&"string"==typeof H.value}));return{boundary:H,arrow:e.arrow,refReference:a,refContent:c,refArrow:s,content:r,theme:i,transBoundary:k,handleClickOutside:function(n){t.emit(u.CLICK_OUTSIDE,{isShow:v.value,event:n}),e.disableOutsideClick||e.always||e.disabled||"manual"===e.trigger||v.value&&R()}}},render:function(){var e,t,n,r,i,l,c=this;return(0,o.createVNode)(g,{ref:"refRoot"},{default:function(){return[(0,o.createVNode)(h,{ref:"refReference"},{default:function(){return[null!==(n=null===(t=(e=c.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:(0,o.createVNode)("span",null,null)]}}),(0,o.createVNode)(o.Teleport,{to:c.boundary,disabled:!c.transBoundary},{default:function(){return[(0,o.withDirectives)((0,o.createVNode)(p,{ref:"refContent","data-theme":c.theme,width:c.width,height:c.height},{default:function(){return[null!==(l=null===(i=(r=c.$slots).content)||void 0===i?void 0:i.call(r))&&void 0!==l?l:c.content]},arrow:function(){var e,t;return c.arrow?(0,o.createVNode)(a,{ref:"refArrow"},{default:function(){return[null===(t=(e=c.$slots).arrow)||void 0===t?void 0:t.call(e)]}}):""}}),[[(0,o.resolveDirective)("clickoutside"),c.handleClickOutside]])]}})]}})}}),xe=(0,e.withInstall)(be)})(),l})()));

package/lib/popover2/popover2.css

@@ -0,0 +1,25 @@
+.bk-popover2.bk-pop2-content {
+  position: absolute;
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #26323d;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+.bk-popover2.bk-pop2-content .bk-pop2-arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #333;
+  transform: rotate(45deg);
+}
+.bk-popover2.bk-pop2-content[data-theme^='light'] {
+  color: #26323d;
+  background-color: #fff;
+  box-shadow: 0 0 6px 0 #dcdee5;
+}
+.bk-popover2.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+  background-color: #fff;
+}

package/lib/popover2/popover2.d.ts

@@ -0,0 +1,209 @@
+declare const _default: import("vue").DefineComponent<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    trigger: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    boundary: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}, {
+    boundary: import("vue").Ref<any>;
+    arrow: boolean;
+    refReference: import("vue").Ref<any>;
+    refContent: import("vue").Ref<any>;
+    refArrow: import("vue").Ref<any>;
+    content: string | number;
+    theme: string;
+    transBoundary: import("vue").ComputedRef<boolean>;
+    handleClickOutside: (_e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: (..._args: any[]) => boolean;
+    hide: (..._args: any[]) => boolean;
+    clickoutside: (..._args: any[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    trigger: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    boundary: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+    onClickoutside?: (...args: any[]) => any;
+}, {
+    placement: string;
+    offset: number;
+    zIndex: number;
+    content: string | number;
+    trigger: string;
+    disabled: boolean;
+    arrow: boolean;
+    theme: string;
+    width: string | number;
+    height: string | number;
+    always: boolean;
+    padding: number;
+    isShow: boolean;
+    boundary: string;
+    disableTeleport: boolean;
+    autoPlacement: boolean;
+    autoVisibility: boolean;
+    disableOutsideClick: boolean;
+}>;
+export default _default;

package/lib/popover2/popover2.less

@@ -0,0 +1,35 @@
+@import '../styles/themes/themes.less';
+
+
+.@{bk-prefix}-popover2 {
+  &.@{bk-prefix}-pop2-content {
+    position: absolute;
+    display: none;
+    
+    padding: 7px 14px;
+
+    font-size: 12px;
+    color: #fff;
+    background: #26323d;
+    border-radius: 4px;
+    box-sizing: border-box;
+
+    .@{bk-prefix}-pop2-arrow {
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: #333;
+      transform: rotate(45deg);
+    }
+
+    &[data-theme^='light'] {
+      color: #26323d;
+      background-color: #fff;
+      box-shadow: 0 0 6px 0 #dcdee5;
+
+      .@{bk-prefix}-pop2-arrow {
+        background-color: #fff;
+      }
+    }
+  }
+}

package/lib/popover2/popover2.variable.css

@@ -0,0 +1,127 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --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;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --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;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --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: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
+}
+.bk-popover2.bk-pop2-content {
+  position: absolute;
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #26323d;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+.bk-popover2.bk-pop2-content .bk-pop2-arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #333;
+  transform: rotate(45deg);
+}
+.bk-popover2.bk-pop2-content[data-theme^='light'] {
+  color: #26323d;
+  background-color: #fff;
+  box-shadow: 0 0 6px 0 #dcdee5;
+}
+.bk-popover2.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+  background-color: #fff;
+}

package/lib/popover2/props.d.ts

@@ -0,0 +1,108 @@
+import { ExtractPropTypes } from 'vue';
+export declare const PopoverProps: {
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    /**
+     * 组件显示位置
+     */
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 触发方式
+     * 支持 click hover manual
+     * manual： 通过isShow控制显示、隐藏
+     */
+    trigger: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 弹出内容绑定元素
+     */
+    boundary: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     *  chooses the placement that has the most space available automatically
+     */
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 当有滚动条，滚动出可是范围时自动隐藏pop
+     */
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否禁用clickoutside
+     */
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+};
+export declare type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;

package/lib/popover2/reference.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/popover2/root.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    class: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    class: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>>, {
+    class: string;
+}>;
+export default _default;

package/lib/popover2/use-floating.d.ts

@@ -0,0 +1,20 @@
+import { PopoverPropTypes } from './props';
+declare const _default: (props: PopoverPropTypes, ctx: any, refReference: any, refContent: any, refArrow: any, refRoot: any) => {
+    showPopover: () => void;
+    hidePopover: () => void;
+    resolveTriggerEvents: () => any;
+    updatePopover: () => void;
+    triggerPopover: () => void;
+    resolvePopElements: () => {
+        elReference: any;
+        elContent: any;
+        elArrow: any;
+        root: any;
+    };
+    isElementFullScreen: () => boolean;
+    resolveTargetElement: (target: any) => any;
+    createPopInstance: () => void;
+    localIsShow: import("vue").Ref<boolean>;
+    cleanup: any;
+};
+export default _default;

package/lib/popover2/use-platform.d.ts

@@ -0,0 +1,30 @@
+declare const _default: () => {
+    getElementRects: ({ reference, floating }: {
+        reference: any;
+        floating: any;
+    }) => {
+        reference: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        };
+        floating: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        };
+    };
+    getDimensions: (element: HTMLElement) => {
+        width: number;
+        height: number;
+    };
+    getClippingRect: ({}: {}) => {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    };
+};
+export default _default;

package/lib/popover2/use-popper-id.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (props: any, prefix?: string) => {
+    popContainerId: any;
+    prefixId: any;
+    getPrefixId: (isfullscreen?: boolean, root?: any) => any;
+    resetFullscreenElementTag: () => void;
+};
+export default _default;

package/lib/preset.d.ts

@@ -1,8 +1,7 @@
 import { App } from 'vue';
 declare const _default: {
-    createInstall: (prefix?: string) => (app: App<any>) => App<any>[];
-    componentPrefix: string;
-    install: (app: App<any>) => App<any>[];
+    createInstall: (prefix?: string) => (app: App<any>) => void;
+    install: (app: App<any>) => void;
     version: string;
 };
 export default _default;