bkui-vue 0.0.1-beta.99 → 0.0.2-beta.1

package/lib/popover/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=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(""),transition:e.PropTypes.string.def("fade-in"),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"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),zIndex:e.PropTypes.number.def(void 0),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.ref)(0),s=(0,t.toRefs)(o),p=s.width,u=s.height,d=s.theme,f=s.trigger,l=s.isShow,c=s.placement,v=s.modifiers,y=s.arrow,m=s.content,h=(0,t.ref)(),b=(0,t.ref)(),T=(0,t.computed)((function(){return{width:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,height:/^\d+$/.test(String(u.value))?"".concat(u.value,"px"):u.value,zIndex:i.value}})),g=["dark","light"],P=(0,t.computed)((function(){var e=d.value.split(/\s+/);return e.sort((function(e,t){return Number(g.includes(t))-Number(g.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!g.includes(e)}))}})),w=function(t){var r,s;if(n){if(t)return i.value="number"==typeof o.zIndex?o.zIndex:e.bkZIndexManager.getModalNextIndex(),void(null===(r=a.show)||void 0===r||r.call(a));null===(s=a.hide)||void 0===s||s.call(a)}};(0,t.watch)((function(){return o.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},O=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},S=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},j=function(){a=new e.BKPopover(h.value,b.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:f.value,modifiers:v.value,onFirstUpdate:o.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:o.boundary,always:o.always,disabled:o.disabled,fixOnBoundary:o.fixOnBoundary}),n=!0,l.value&&w(l.value)},B=function(){S(),(0,t.nextTick)(j)};r.expose({update:B}),(0,t.onMounted)(B),(0,t.onBeforeUnmount)(S);var k=function(){r.emit("after-enter")},I=function(){r.emit("after-leave")},N=P.value.customThemes.join(" "),A=P.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{}),F="bk-popover-content ".concat(N),M=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:h,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:k,onAfterLeave:I},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:b,class:F,style:T.value},A,{onClick:M}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:m.value,y.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t)=>(()=>{var n={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,u=0;e.exports=function(e,t,n){var c=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:u+1,y=v-a+(m-u)/1e4;if(y<0&&void 0===e.clockseq&&(d=d+1&16383),(y<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,u=m,r=d;var h=(1e4*(268435455&(v+=122192928e5))+m)%4294967296;s[c++]=h>>>24&255,s[c++]=h>>>16&255,s[c++]=h>>>8&255,s[c++]=255&h;var g=v/4294967296*1e4&268435455;s[c++]=g>>>8&255,s[c++]=255&g,s[c++]=g>>>24&15|16,s[c++]=g>>>16&255,s[c++]=d>>>8|128,s[c++]=255&d;for(var b=0;b<6;++b)s[c+b]=f[b];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)}},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return n[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{"use strict";r.r(i),r.d(i,{$bkPopover:()=>$e,PopoverProps:()=>w,default:()=>Be});var e=r(4212),t=r(748);function n(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,l=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw l}}}}function o(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}var l,a=new Map;function u(e,t){var n,o=[];return Array.isArray(t.arg)?o=t.arg:(n=t.arg,"undefined"!=typeof Element&&n instanceof Element&&o.push(t.arg)),function(n,r){var i=t.instance.popperRef,l=n.target,a=null==r?void 0:r.target,u=!t||!t.instance,c=!l||!a,s=e.contains(l)||e.contains(a),f=e===l,d=o.length&&o.some((function(e){return null==e?void 0:e.contains(l)}))||o.length&&o.includes(a),p=i&&(i.contains(l)||i.contains(a));u||c||s||f||d||p||t.value(n,r)}}document.addEventListener("mousedown",(function(e){return l=e})),document.addEventListener("mouseup",(function(e){var t,o=n(a.values());try{for(o.s();!(t=o.n()).done;){var r,i=n(t.value);try{for(i.s();!(r=i.n()).done;)(0,r.value.documentHandler)(e,l)}catch(e){i.e(e)}finally{i.f()}}}catch(e){o.e(e)}finally{o.f()}}));var c={beforeMount:function(e,t){a.has(e)||a.set(e,[]),a.get(e).push({documentHandler:u(e,t),bindingFn:t.value})},updated:function(e,t){a.has(e)||a.set(e,[]);var n=a.get(e),o=n.findIndex((function(e){return e.bindingFn===t.oldValue})),r={documentHandler:u(e,t),bindingFn:t.value};o>=0?n.splice(o,1,r):n.push(r)},unmounted:function(e){a.delete(e)},install:function(e){e.directive("bkTooltips",c)}};const s=c,f=(0,t.defineComponent)({name:"PopArrow",render:function(){var n=(0,e.resolveClassName)("pop2-arrow");return(0,t.createVNode)("div",{class:n},null)}});function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function p(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==d(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===d(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v,m,y=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"}(m||(m={}));var h=(p(v={},m.SHOW,y),p(v,m.HIDE,y),p(v,m.CLICK_OUTSIDE,y),p(v,m.CONTENT_MOUSEENTER,y),p(v,m.CONTENT_MOUSELEAVE,y),p(v,m.STOP_HIDE,y),v);const g=(0,t.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"),maxHeight:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),extCls:e.PropTypes.string.def("")},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),maxHeight:n(e.maxHeight)}}))}},render:function(){var n,o,r,i,l,a,u=[(0,e.resolveClassName)("popover"),(0,e.resolveClassName)("pop2-content"),this.extCls];return(0,t.createVNode)("div",{class:u,tabindex:"-1",style:this.style},[null!==(r=null===(o=(n=this.$slots).arrow)||void 0===o?void 0:o.call(n))&&void 0!==r?r:"",null!==(a=null===(l=(i=this.$slots).default)||void 0===l?void 0:l.call(i))&&void 0!==a?a:""])}});var b={onAfterHidden:Function,onAfterShow:Function},w=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"),maxHeight:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),allowHtml:e.PropTypes.bool.def(!1),placement:(0,e.placementType)().def(e.PlacementEnum.TOP_START),theme:e.PropTypes.string.def("dark"),trigger:(0,e.triggerType)(),renderType:(0,e.renderType)(),arrow:e.PropTypes.bool.def(!0),padding:e.PropTypes.number.def(5),offset:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({})]).def(6),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),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),disableTransform:e.PropTypes.bool.def(!1),reference:e.PropTypes.any.def(null),modifiers:e.PropTypes.array.def([]),popoverDelay:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.number)]).def(100),extCls:e.PropTypes.string.def("")},b);const x=(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:""}}),T=(0,t.defineComponent)({props:{class:e.PropTypes.string.def(""),mode:e.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 P(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 E(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,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=i.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw r}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}(e,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.")}()}const R=["top","right","bottom","left"],O=["start","end"],C=R.reduce(((e,t)=>e.concat(t,t+"-"+O[0],t+"-"+O[1])),[]),S=Math.min,A=Math.max,L=Math.round,N=Math.floor,H=e=>({x:e,y:e}),I={left:"right",right:"left",bottom:"top",top:"bottom"},j={start:"end",end:"start"};function D(e,t,n){return A(e,S(t,n))}function M(e,t){return"function"==typeof e?e(t):e}function k(e){return e.split("-")[0]}function F(e){return e.split("-")[1]}function V(e){return"x"===e?"y":"x"}function $(e){return"y"===e?"height":"width"}function B(e){return["top","bottom"].includes(k(e))?"y":"x"}function _(e){return V(B(e))}function U(e,t,n){void 0===n&&(n=!1);const o=F(e),r=_(e),i=$(r);let l="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=W(l)),[l,W(l)]}function q(e){return e.replace(/start|end/g,(e=>j[e]))}function W(e){return e.replace(/left|right|bottom|top/g,(e=>I[e]))}function z(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 K(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function X(e,t,n){let{reference:o,floating:r}=e;const i=B(t),l=_(t),a=$(l),u=k(t),c="y"===i,s=o.x+o.width/2-r.width/2,f=o.y+o.height/2-r.height/2,d=o[a]/2-r[a]/2;let p;switch(u){case"top":p={x:s,y:o.y-r.height};break;case"bottom":p={x:s,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:f};break;case"left":p={x:o.x-r.width,y:f};break;default:p={x:o.x,y:o.y}}switch(F(t)){case"start":p[l]-=d*(n&&c?-1:1);break;case"end":p[l]+=d*(n&&c?-1:1)}return p}async function Y(e,t){var n;void 0===t&&(t={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:u}=e,{boundary:c="clippingAncestors",rootBoundary:s="viewport",elementContext:f="floating",altBoundary:d=!1,padding:p=0}=M(t,e),v=z(p),m=a[d?"floating"===f?"reference":"floating":f],y=K(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:c,rootBoundary:s,strategy:u})),h="floating"===f?{...l.floating,x:o,y:r}:l.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),b=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},w=K(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:h,offsetParent:g,strategy:u}):h);return{top:(y.top-w.top+v.top)/b.y,bottom:(w.bottom-y.bottom+v.bottom)/b.y,left:(y.left-w.left+v.left)/b.x,right:(w.right-y.right+v.right)/b.x}}function Z(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function G(e){return R.some((t=>e[t]>=0))}function J(e){const t=S(...e.map((e=>e.left))),n=S(...e.map((e=>e.top)));return{x:t,y:n,width:A(...e.map((e=>e.right)))-t,height:A(...e.map((e=>e.bottom)))-n}}const Q=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=k(n),a=F(n),u="y"===B(n),c=["left","top"].includes(l)?-1:1,s=i&&u?-1:1,f=M(t,e);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),u?{x:p*s,y:d*c}:{x:d*c,y:p*s}}(t,e);return{x:n+r.x,y:o+r.y,data:r}}}},ee=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}}},...u}=M(e,t),c={x:n,y:o},s=await Y(t,u),f=B(k(r)),d=V(f);let p=c[d],v=c[f];if(i){const e="y"===d?"bottom":"right";p=D(p+s["y"===d?"top":"left"],p,p-s[e])}if(l){const e="y"===f?"bottom":"right";v=D(v+s["y"===f?"top":"left"],v,v-s[e])}const m=a.fn({...t,[d]:p,[f]:v});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function te(e){return re(e)?(e.nodeName||"").toLowerCase():"#document"}function ne(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function oe(e){var t;return null==(t=(re(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function re(e){return e instanceof Node||e instanceof ne(e).Node}function ie(e){return e instanceof Element||e instanceof ne(e).Element}function le(e){return e instanceof HTMLElement||e instanceof ne(e).HTMLElement}function ae(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof ne(e).ShadowRoot)}function ue(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=pe(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function ce(e){return["table","td","th"].includes(te(e))}function se(e){const t=fe(),n=pe(e);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function fe(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function de(e){return["html","body","#document"].includes(te(e))}function pe(e){return ne(e).getComputedStyle(e)}function ve(e){return ie(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function me(e){if("html"===te(e))return e;const t=e.assignedSlot||e.parentNode||ae(e)&&e.host||oe(e);return ae(t)?t.host:t}function ye(e){const t=me(e);return de(t)?e.ownerDocument?e.ownerDocument.body:e.body:le(t)&&ue(t)?t:ye(t)}function he(e,t){var n;void 0===t&&(t=[]);const o=ye(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=ne(o);return r?t.concat(i,i.visualViewport||[],ue(o)?o:[]):t.concat(o,he(o))}function ge(e){const t=pe(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=le(e),i=r?e.offsetWidth:n,l=r?e.offsetHeight:o,a=L(n)!==i||L(o)!==l;return a&&(n=i,o=l),{width:n,height:o,$:a}}function be(e){return ie(e)?e:e.contextElement}function we(e){const t=be(e);if(!le(t))return H(1);const n=t.getBoundingClientRect(),{width:o,height:r,$:i}=ge(t);let l=(i?L(n.width):n.width)/o,a=(i?L(n.height):n.height)/r;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const xe=H(0);function Te(e){const t=ne(e);return fe()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:xe}function Pe(e,t,n,o){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=e.getBoundingClientRect(),i=be(e);let l=H(1);t&&(o?ie(o)&&(l=we(o)):l=we(e));const a=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==ne(e))&&t}(i,n,o)?Te(i):H(0);let u=(r.left+a.x)/l.x,c=(r.top+a.y)/l.y,s=r.width/l.x,f=r.height/l.y;if(i){const e=ne(i),t=o&&ie(o)?ne(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=we(n),t=n.getBoundingClientRect(),o=pe(n),r=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;u*=e.x,c*=e.y,s*=e.x,f*=e.y,u+=r,c+=i,n=ne(n).frameElement}}return K({width:s,height:f,x:u,y:c})}function Ee(e){return Pe(oe(e)).left+ve(e).scrollLeft}function Re(e,t,n){let o;if("viewport"===t)o=function(e,t){const n=ne(e),o=oe(e),r=n.visualViewport;let i=o.clientWidth,l=o.clientHeight,a=0,u=0;if(r){i=r.width,l=r.height;const e=fe();(!e||e&&"fixed"===t)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:i,height:l,x:a,y:u}}(e,n);else if("document"===t)o=function(e){const t=oe(e),n=ve(e),o=e.ownerDocument.body,r=A(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=A(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Ee(e);const a=-n.scrollTop;return"rtl"===pe(o).direction&&(l+=A(t.clientWidth,o.clientWidth)-r),{width:r,height:i,x:l,y:a}}(oe(e));else if(ie(t))o=function(e,t){const n=Pe(e,!0,"fixed"===t),o=n.top+e.clientTop,r=n.left+e.clientLeft,i=le(e)?we(e):H(1);return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:r*i.x,y:o*i.y}}(t,n);else{const n=Te(e);o={...t,x:t.x-n.x,y:t.y-n.y}}return K(o)}function Oe(e,t){const n=me(e);return!(n===t||!ie(n)||de(n))&&("fixed"===pe(n).position||Oe(n,t))}function Ce(e,t,n){const o=le(t),r=oe(t),i="fixed"===n,l=Pe(e,!0,i,t);let a={scrollLeft:0,scrollTop:0};const u=H(0);if(o||!o&&!i)if(("body"!==te(t)||ue(r))&&(a=ve(t)),o){const e=Pe(t,!0,i,t);u.x=e.x+t.clientLeft,u.y=e.y+t.clientTop}else r&&(u.x=Ee(r));return{x:l.left+a.scrollLeft-u.x,y:l.top+a.scrollTop-u.y,width:l.width,height:l.height}}function Se(e,t){return le(e)&&"fixed"!==pe(e).position?t?t(e):e.offsetParent:null}function Ae(e,t){const n=ne(e);if(!le(e))return n;let o=Se(e,t);for(;o&&ce(o)&&"static"===pe(o).position;)o=Se(o,t);return o&&("html"===te(o)||"body"===te(o)&&"static"===pe(o).position&&!se(o))?n:o||function(e){let t=me(e);for(;le(t)&&!de(t);){if(se(t))return t;t=me(t)}return null}(e)||n}const Le={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:o}=e;const r=le(n),i=oe(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0},a=H(1);const u=H(0);if((r||!r&&"fixed"!==o)&&(("body"!==te(n)||ue(i))&&(l=ve(n)),le(n))){const e=Pe(n);a=we(n),u.x=e.x+n.clientLeft,u.y=e.y+n.clientTop}return{width:t.width*a.x,height:t.height*a.y,x:t.x*a.x-l.scrollLeft*a.x+u.x,y:t.y*a.y-l.scrollTop*a.y+u.y}},getDocumentElement:oe,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const i=[..."clippingAncestors"===n?function(e,t){const n=t.get(e);if(n)return n;let o=he(e).filter((e=>ie(e)&&"body"!==te(e))),r=null;const i="fixed"===pe(e).position;let l=i?me(e):e;for(;ie(l)&&!de(l);){const t=pe(l),n=se(l);n||"fixed"!==t.position||(r=null),(i?!n&&!r:!n&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||ue(l)&&!n&&Oe(e,l))?o=o.filter((e=>e!==l)):r=t,l=me(l)}return t.set(e,o),o}(t,this._c):[].concat(n),o],l=i[0],a=i.reduce(((e,n)=>{const o=Re(t,n,r);return e.top=A(o.top,e.top),e.right=S(o.right,e.right),e.bottom=S(o.bottom,e.bottom),e.left=A(o.left,e.left),e}),Re(t,l,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Ae,getElementRects:async function(e){let{reference:t,floating:n,strategy:o}=e;const r=this.getOffsetParent||Ae,i=this.getDimensions;return{reference:Ce(t,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){return ge(e)},getScale:we,isElement:ie,isRTL:function(e){return"rtl"===pe(e).direction}};var Ne=r(8022),He={},Ie=function(e){return document.querySelector(e)instanceof HTMLElement},je=function(e){return e instanceof Element||e instanceof HTMLDocument},De=function(e){if(je(e))return{isElement:!0,content:e,vNode:void 0};if(/^(#|\.)/.test(e)){var t=document.querySelector(e),n=je(t);return{isElement:n,content:n?t:e,vNode:n?void 0:e}}return{isElement:!1,content:e,vNode:e}};const Me=function(n,o,r){var i=r.refReference,l=r.refContent,a=r.refArrow,u=r.refRoot,c=(0,t.ref)(!1),s=(0,t.ref)(),f=function(){var e,t,n,o=x(null===(e=i.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)},d=["dark","light"],v=(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(d.includes(t))-Number(d.includes(e))})),{systemThemes:o,customThemes:o.filter((function(e){return!d.includes(e)}))}})),y=function(){return n.autoVisibility},h=function(){return n.autoPlacement},g=function(){var e,t,o,r,c=x(null===(e=i.value)||void 0===e?void 0:e.$el),s=x(null===(t=l.value)||void 0===t?void 0:t.$el),f=n.arrow?x(null===(o=a.value)||void 0===o?void 0:o.$el):null,d=x(null===(r=u.value)||void 0===r?void 0:r.$el),p=De(n.content),v=p.isElement,m=p.content;return s&&v&&!(null==s?void 0:s.contains(m))&&s.append(m),{elReference:c,elContent:s,elArrow:f,root:d}},b=function(){var e={};return Array.isArray(n.modifiers)&&n.modifiers.forEach((function(t){var n,o,r,i,l;if("offset"===t.name){if("number"==typeof(null===(n=t.options)||void 0===n?void 0:n.offset)&&(l=null===(o=t.options)||void 0===o?void 0:o.offset),Array.isArray(null===(r=t.options)||void 0===r?void 0:r.offset)){var a=E(null===(i=t.options)||void 0===i?void 0:i.offset,2);l={mainAxis:a[0],crossAxis:a[1]}}Object.assign(e,{offset:l})}})),e},w=function(e,t){var n,o,r=b(),i=[Q(r.offset||t.offset),ee({padding:t.padding})],l={placement:t.placement,middleware:i};if(t.arrow&&i.push((e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:r,rects:i,platform:l,elements:a}=t,{element:u,padding:c=0}=M(e,t)||{};if(null==u)return{};const s=z(c),f={x:n,y:o},d=_(r),p=$(d),v=await l.getDimensions(u),m="y"===d,y=m?"top":"left",h=m?"bottom":"right",g=m?"clientHeight":"clientWidth",b=i.reference[p]+i.reference[d]-f[d]-i.floating[p],w=f[d]-i.reference[d],x=await(null==l.getOffsetParent?void 0:l.getOffsetParent(u));let T=x?x[g]:0;T&&await(null==l.isElement?void 0:l.isElement(x))||(T=a.floating[g]||i.floating[p]);const P=b/2-w/2,E=T/2-v[p]/2-1,R=S(s[y],E),O=S(s[h],E),C=R,A=T-v[p]-O,L=T/2-v[p]/2+P,N=D(C,L,A),H=null!=F(r)&&L!=N&&i.reference[p]/2-(L<C?R:O)-v[p]/2<0?L<C?C-L:A-L:0;return{[d]:f[d]-H,data:{[d]:N,centerOffset:L-N+H}}}}))({element:e})),h()?i.push(function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,o,r;const{rects:i,middlewareData:l,placement:a,platform:u,elements:c}=t,{crossAxis:s=!1,alignment:f,allowedPlacements:d=C,autoAlignment:p=!0,...v}=M(e,t),m=void 0!==f||d===C?function(e,t,n){return(e?[...n.filter((t=>F(t)===e)),...n.filter((t=>F(t)!==e))]:n.filter((e=>k(e)===e))).filter((n=>!e||F(n)===e||!!t&&q(n)!==n))}(f||null,p,d):d,y=await Y(t,v),h=(null==(n=l.autoPlacement)?void 0:n.index)||0,g=m[h];if(null==g)return{};const b=U(g,i,await(null==u.isRTL?void 0:u.isRTL(c.floating)));if(a!==g)return{reset:{placement:m[0]}};const w=[y[k(g)],y[b[0]],y[b[1]]],x=[...(null==(o=l.autoPlacement)?void 0:o.overflows)||[],{placement:g,overflows:w}],T=m[h+1];if(T)return{data:{index:h+1,overflows:x},reset:{placement:T}};const P=x.map((e=>{const t=F(e.placement);return[e.placement,t&&s?e.overflows.slice(0,2).reduce(((e,t)=>e+t),0):e.overflows[0],e.overflows]})).sort(((e,t)=>e[1]-t[1])),E=(null==(r=P.filter((e=>e[2].slice(0,F(e[0])?2:3).every((e=>e<=0))))[0])?void 0:r[0])||P[0][0];return E!==a?{data:{index:h+1,overflows:x},reset:{placement:E}}:{}}}}()):(i.unshift(function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:o,rects:r,platform:i,strategy:l}=t,{padding:a=2,x:u,y:c}=M(e,t),s=Array.from(await(null==i.getClientRects?void 0:i.getClientRects(o.reference))||[]),f=function(e){const t=e.slice().sort(((e,t)=>e.y-t.y)),n=[];let o=null;for(let e=0;e<t.length;e++){const r=t[e];!o||r.y-o.y>o.height/2?n.push([r]):n[n.length-1].push(r),o=r}return n.map((e=>K(J(e))))}(s),d=K(J(s)),p=z(a),v=await i.getElementRects({reference:{getBoundingClientRect:function(){if(2===f.length&&f[0].left>f[1].right&&null!=u&&null!=c)return f.find((e=>u>e.left-p.left&&u<e.right+p.right&&c>e.top-p.top&&c<e.bottom+p.bottom))||d;if(f.length>=2){if("y"===B(n)){const e=f[0],t=f[f.length-1],o="top"===k(n),r=e.top,i=t.bottom,l=o?e.left:t.left,a=o?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"===k(n),t=A(...f.map((e=>e.right))),o=S(...f.map((e=>e.left))),r=f.filter((n=>e?n.left===o:n.right===t)),i=r[0].top,l=r[r.length-1].bottom;return{top:i,bottom:l,left:o,right:t,width:t-o,height:l-i,x:o,y:i}}return d}},floating:o.floating,strategy:l});return r.reference.x!==v.reference.x||r.reference.y!==v.reference.y||r.reference.width!==v.reference.width||r.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}}()),i.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:u}=t,{mainAxis:c=!0,crossAxis:s=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:v=!0,...m}=M(e,t),y=k(o),h=k(l)===l,g=await(null==a.isRTL?void 0:a.isRTL(u.floating)),b=f||(h||!v?[W(l)]:function(e){const t=W(e);return[q(e),t,q(t)]}(l));f||"none"===p||b.push(...function(e,t,n,o){const r=F(e);let i=function(e,t,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],l=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:o:t?o:r;case"left":case"right":return t?i:l;default:return[]}}(k(e),"start"===n,o);return r&&(i=i.map((e=>e+"-"+r)),t&&(i=i.concat(i.map(q)))),i}(l,v,p,g));const w=[l,...b],x=await Y(t,m),T=[];let P=(null==(n=r.flip)?void 0:n.overflows)||[];if(c&&T.push(x[y]),s){const e=U(o,i,g);T.push(x[e[0]],x[e[1]])}if(P=[...P,{placement:o,overflows:T}],!T.every((e=>e<=0))){var E,R;const e=((null==(E=r.flip)?void 0:E.index)||0)+1,t=w[e];if(t)return{data:{index:e,overflows:P},reset:{placement:t}};let n=null==(R=P.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:R.placement;if(!n)switch(d){case"bestFit":{var O;const e=null==(O=P.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}}())),y()&&l.middleware.push(function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:o="referenceHidden",...r}=M(e,t);switch(o){case"referenceHidden":{const e=Z(await Y(t,{...r,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:G(e)}}}case"escaped":{const e=Z(await Y(t,{...r,altBoundary:!0}),n.floating);return{data:{escapedOffsets:e,escaped:G(e)}}}default:return{}}}}}()),f()||t.isVirtualEl){var a=(o=s.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 "+e)}(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}}}),u=a.getElementRects,c=a.getDimensions,d=a.getClippingRect;Object.assign(l,{platform:Object.assign(Object.assign({},null!==(n=null==t?void 0:t.platform)&&void 0!==n?n:{}),{getElementRects:u,getDimensions:c,getClippingRect:d})})}return l},x=function e(t){return t instanceof HTMLElement?t:t instanceof Text?e(t.nextElementSibling):"function"==typeof(null==t?void 0:t.getBoundingClientRect)?t:null},T=v.value.customThemes.join(" "),P=v.value.customThemes.reduce((function(e,t){return Object.assign(p({},"data-".concat(t,"-theme"),!0),e)}),{}),R="".concat(T),O=null,L=function(e){var t=window.devicePixelRatio||1;return Math.round(e*t)/t||0},H=function(e,t,o,r){var i;n.disableTransform?Object.assign(e.style,{left:"".concat(L(t),"px"),top:"".concat(L(o),"px")}):Object.assign(e.style,{left:"0",top:"0",transform:"translate3d(".concat(L(t),"px,").concat(L(o),"px,0)")});var l=!!y()&&(null===(i=r.hide)||void 0===i?void 0:i.referenceHidden);Object.assign(e.style,{visibility:l?"hidden":"visible"})},I=function(e,t,o){var r;if(n.arrow){var i=null!==(r=o.arrow)&&void 0!==r?r:{},l=i.x,a=i.y;e.setAttribute("data-arrow",t),Object.assign(e.style,{left:"",top:"",bottom:"",right:""});var u={top:"bottom",right:"left",bottom:"top",left:"right"}[t];Object.assign(e.style,p({left:null!==l?"".concat(l,"px"):"",top:null!==a?"".concat(a,"px"):""},u,"-4px"))}},j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=g(),o=n.elReference,r=n.elContent,i=n.elArrow,l=e||o;if(l&&r){var a=w(i,t);((e,t,n)=>{const o=new Map,r={platform:Le,...n},i={...r.platform,_c:o};return(async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),u=await(null==l.isRTL?void 0:l.isRTL(t));let c=await l.getElementRects({reference:e,floating:t,strategy:r}),{x:s,y:f}=X(c,o,u),d=o,p={},v=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:y,y:h,data:g,reset:b}=await m({x:s,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:p,rects:c,platform:l,elements:{reference:e,floating:t}});s=null!=y?y:s,f=null!=h?h:f,p={...p,[i]:{...p[i],...g}},b&&v<=50&&(v++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:r}):b.rects),({x:s,y:f}=X(c,d,u))),n=-1)}return{x:s,y:f,placement:d,strategy:r,middlewareData:p}})(e,t,{...r,platform:i})})(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(R,"")," ").concat(R).replace(/\s+/gm," ").replace(/^\s+|\s+$/g,""),Object.keys(P).forEach((function(e){r.setAttribute(e,P[e])}));var u=o.split("-")[0],c=u;["left","right","top","bottom"].includes(u)||(c="top"),H(r,t,n,l),I(i,c,l)}))}},V=void 0,te=void 0,ne=!1,re=function(){return Array.isArray(n.popoverDelay)?[n.popoverDelay[0],n.popoverDelay.slice(-1)[0]]:[n.popoverDelay,n.popoverDelay]},ie=function(){var e=re()[0];te=setTimeout((function(){V&&clearTimeout(V),n.disabled||(c.value=!0)}),e)},le=function(){var e=re()[1];V=setTimeout((function(){te&&clearTimeout(te),c.value=!1}),e)},ae=function(){c.value?le():ie()},ue=function(){ae()},ce=function(){"hover"===n.trigger&&(V&&(ne=!0,clearTimeout(V),V=void 0),fe())},se=function(){ne&&(le(),ne=!1,de())},fe=function(){o.emit(m.CONTENT_MOUSEENTER)},de=function(){o.emit(m.CONTENT_MOUSELEAVE)};return(0,t.watch)((function(){return n.isShow}),(function(e){c.value=e})),(0,t.watch)(c,(function(t){var r,i;t?((i=x(null===(r=l.value)||void 0===r?void 0:r.$el)).style.setProperty("display","block"),i.style.setProperty("z-index","".concat(n.zIndex?n.zIndex:e.bkZIndexManager.getPopperIndex())),j(),o.emit("afterShow",{isShow:!0})):function(){var e;x(null===(e=l.value)||void 0===e?void 0:e.$el).style.setProperty("display","none"),o.emit("afterHidden",{isShow:!1})}()})),{showPopover:ie,hidePopover:le,resolveTriggerEvents:function(){var e;return null!==(e={hover:{content:[["mouseenter",ce],["mouseleave",se]],reference:[["mouseenter",ie],["mouseleave",le],["focus",ie],["blur",le]]},click:[["click",ue]],manual:{content:[["mouseenter",fe],["mouseleave",de]],reference:[[]]}}[n.trigger])&&void 0!==e?e:[]},updatePopover:j,triggerPopover:ae,resolvePopElements:g,isElementFullScreen:f,resolveTargetElement:x,createPopInstance:function(){var e=g(),t=e.elReference,o=e.elContent;O=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:u=!1}=o,c=be(e),s=r||i?[...c?he(c):[],...he(t)]:[];s.forEach((e=>{r&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)}));const f=c&&a?function(e,t){let n,o=null;const r=oe(e);function i(){clearTimeout(n),o&&o.disconnect(),o=null}return function l(a,u){void 0===a&&(a=!1),void 0===u&&(u=1),i();const{left:c,top:s,width:f,height:d}=e.getBoundingClientRect();if(a||t(),!f||!d)return;const p={rootMargin:-N(s)+"px "+-N(r.clientWidth-(c+f))+"px "+-N(r.clientHeight-(s+d))+"px "+-N(c)+"px",threshold:A(0,S(1,u))||1};let v=!0;function m(e){const t=e[0].intersectionRatio;if(t!==u){if(!v)return l();t?l(!1,t):n=setTimeout((()=>{l(!1,1e-7)}),100)}v=!1}try{o=new IntersectionObserver(m,{...p,root:r.ownerDocument})}catch(e){o=new IntersectionObserver(m,p)}o.observe(e)}(!0),i}(c,n):null;let d,p=-1,v=null;l&&(v=new ResizeObserver((e=>{let[o]=e;o&&o.target===c&&v&&(v.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{v&&v.observe(t)}))),n()})),c&&!u&&v.observe(c),v.observe(t));let m=u?Pe(e):null;return u&&function t(){const o=Pe(e);!m||o.x===m.x&&o.y===m.y&&o.width===m.width&&o.height===m.height||n(),m=o,d=requestAnimationFrame(t)}(),n(),()=>{s.forEach((e=>{r&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)})),f&&f(),v&&v.disconnect(),v=null,u&&cancelAnimationFrame(d)}}(t,o,(function(){c.value&&j(null,n)}))},updateFullscreenTarget:function(e){s.value=e},getFullscreenRoot:function(e){return f()?document.fullscreenElement.shadowRoot?document.fullscreenElement.shadowRoot.querySelector(e):document.fullscreenElement.querySelector(e):document.body},stopHide:function(){V&&(ne=!0,clearTimeout(V),V=void 0)},localIsShow:c,cleanup:O}};var ke=null,Fe=null;const Ve=(0,t.defineComponent)({name:"Popover",components:{Content:g,Arrow:f,Root:T},directives:{clickoutside:s},props:w,emits:h,setup:function(n,o){var r=n.content,i=n.theme,l=n.disableTeleport,a=(0,t.toRefs)(n).reference,u=(0,t.ref)(),c=(0,t.ref)(),s=(0,t.ref)(),f=(0,t.ref)(),d=(0,t.computed)((function(){return a.value||u.value})),p=function(e,n,o){var r=o.refReference,i=o.refContent,l=o.refArrow,a=o.refRoot,u=null,c=(0,t.ref)(!1),s=(He.fullscreenReferId||(He.fullscreenReferId="id_".concat((0,Ne.v4)())),He.fullscreenReferId),f=(0,t.ref)(),d=Me(e,n,{refReference:r,refContent:i,refArrow:l,refRoot:a}),p=d.localIsShow,v=d.showPopover,y=d.hidePopover,h=d.updatePopover,g=d.resolveTriggerEvents,b=d.resolvePopElements,w=d.isElementFullScreen,x=d.updateFullscreenTarget,T=d.createPopInstance,P=d.getFullscreenRoot,R=d.stopHide,O=function(){y()},C=function(){T(),e.always?v():S()},S=function(){var e=b(),t=e.elReference,n=e.elContent;if(u=g(),Array.isArray(u))A(t,u);else{var o=u,r=o.content,i=o.reference;A(t,i),A(n,r)}},A=function(e,t){t.forEach((function(t){var n=E(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.addEventListener(o,r)}))},L=function(){var e=b(),t=e.elReference,n=e.root;c.value?I.value=null==f?void 0:f.value:I.value=H(n||t)},N=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(ke);var r=(n||{}).parentNode;(null==r?void 0:r.parentNode)&&(r.parentNode.setAttribute("data-pnode-id",Fe),o="[data-pnode-id=".concat(Fe,"]"))}})),r((function(){if(!/^body$/i.test(e.boundary)){if("string"==typeof e.boundary)return Ie(e.boundary)?void(o=e.boundary):(console.error("props.boundary is not available selector"),void(o="body"));if(je(e.boundary))return void(o=e.boundary)}})),r((function(){o="string"==typeof e.boundary?e.boundary:"".concat(t).concat(ke)})),o};if(null===ke||!Ie("#".concat(ke))){ke="id_".concat((0,Ne.v4)());var o=document.createElement("div");o.setAttribute("id",ke),o.setAttribute("data-popper-id",ke),document.body.append(o)}return null===Fe&&(Fe="id_".concat((0,Ne.v4)())),{popContainerId:ke,prefixId:n(),getPrefixId:n}}(e,"#"),H=N.getPrefixId,I=(0,t.ref)(),j=function(){!function(){if(null==u?void 0:u.length){var e=b().elReference;e&&u.forEach((function(t){var n=E(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.removeEventListener(o,r)})),u=null}}()},D=function(e){var t;f.value=e,x(e),c.value=w(),null===(t=null==f?void 0:f.value)||void 0===t||t.setAttribute("data-fllsrn-id",s)},M=function(t){var n,o,r;document.fullscreenElement||(r="[data-fllsrn-id=".concat(s,"]"),(null!==(o=null===(n=null==f?void 0:f.value)||void 0===n?void 0:n.querySelectorAll(r))&&void 0!==o?o:[]).forEach((function(e){null==e||e.removeAttribute("data-fllsrn-id")}))),D(t.target),L(),h(null,e)};return{onMountedFn:function(){if(!e.disabled){if(C(),w()){var t="[data-fllsrn-id=".concat(s,"]"),n=P(t);D(n)}L(),document.body.addEventListener("fullscreenchange",M)}},onUnmountedFn:function(){j(),document.body.removeEventListener("fullscreenchange",M)},handleClickOutside:function(t){n.emit(m.CLICK_OUTSIDE,{isShow:p.value,event:t}),e.disableOutsideClick||e.always||e.disabled||"manual"===e.trigger||p.value&&O()},beforeInstanceUnmount:j,updateBoundary:L,initPopInstance:C,updatePopover:h,showPopover:v,hidePopover:y,showFn:function(){v()},hideFn:O,stopHide:R,isFullscreen:c,boundary:I,localIsShow:p}}(n,o,{refReference:d,refContent:c,refArrow:s,refRoot:f}),v=p.onMountedFn,y=p.onUnmountedFn,h=p.handleClickOutside,g=p.beforeInstanceUnmount,b=p.updateBoundary,w=p.initPopInstance,x=p.showFn,T=p.hideFn,P=p.showPopover,R=p.hidePopover,O=p.updatePopover,C=p.stopHide,S=p.localIsShow,A=p.boundary;n.always||n.disabled||(0,t.watch)((function(){return n.isShow}),(function(){n.isShow?P():R()}),{immediate:!0}),(0,t.watch)((function(){return[n.disabled]}),(function(e){e[0]?g():w()})),b(),(0,t.onMounted)(v),(0,t.onBeforeUnmount)(y);var L=(0,t.computed)((function(){return!l})),N=(0,t.computed)((function(){return n.renderType===e.RenderType.AUTO||S.value}));return{boundary:A,arrow:n.arrow,refDefaultReference:u,refContent:c,refArrow:s,content:r,theme:i,transBoundary:L,handleClickOutside:h,updatePopover:O,hide:function(){T()},show:function(){x()},stopHide:C,contentIsShow:N,renderContent:function(){return n.allowHtml?De(n.content).vNode:r}}},render:function(){var e,n,o,r,i,l,a=this;return(0,t.createVNode)(T,{ref:"refRoot"},{default:function(){return[(0,t.createVNode)(x,{ref:"refDefaultReference"},{default:function(){return[null!==(o=null===(n=(e=a.$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:a.boundary,disabled:!a.transBoundary},{default:function(){return[(0,t.withDirectives)((0,t.createVNode)(g,{ref:"refContent","data-theme":a.theme,extCls:a.extCls,width:a.width,height:a.height,maxHeight:a.maxHeight},{default:function(){return[a.contentIsShow?null!==(l=null===(i=(r=a.$slots).content)||void 0===i?void 0:i.call(r))&&void 0!==l?l:a.renderContent():""]},arrow:function(){var e,n;return a.arrow?(0,t.createVNode)(f,{ref:"refArrow"},{default:function(){return[null===(n=(e=a.$slots).arrow)||void 0===n?void 0:n.call(e)]}}):""}}),[[(0,t.resolveDirective)("clickoutside"),a.handleClickOutside]])]}})]}})}});function $e(e){var n,o=null,r=null,i=null,l=Object.assign(Object.assign({boundary:"body",placement:"top",autoVisibility:!1},e),{trigger:"manual"}),a={name:"$popover",setup:function(e,n){var o=n.expose,r=(0,t.ref)(l),i=(0,t.ref)(),a=(0,t.ref)({position:"absolute",pointerEvents:"none",left:0,top:0,width:"auto",height:"auto",transform:""}),u=function(e){if(je(e)){var t=e.getBoundingClientRect(),n=t.x,o=t.y,r=t.width,i=t.height;Object.assign(a.value,{width:"".concat(r,"px"),height:"".concat(i,"px"),transform:"translate3d(".concat(n,"px,").concat(o,"px,0)")})}else{var l=e.clientX,u=e.clientY;Object.assign(a.value,{transform:"translate3d(".concat(l,"px,").concat(u,"px,0)"),width:"10px",height:"10px"})}};u(r.value.target);var c=(0,t.computed)((function(){var e=["target"];return Object.keys(r.value).filter((function(t){return!e.includes(t)})).reduce((function(e,t){return Object.assign(Object.assign({},e),p({},t,r.value[t]))}),{})})),s=function(){var e;null===(e=l.onContentMouseenter)||void 0===e||e.call(l)},f=function(){var e;null===(e=l.onContentMouseleave)||void 0===e||e.call(l)};return o({show:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.show)||void 0===t||t.call(e)},hide:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.hide)||void 0===t||t.call(e)},updateTarget:function(e){var n,o;r.value.target=e,u(e),null===(o=null===(n=i.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=i.value)||void 0===e?void 0:e.updatePopover)||void 0===t||t.call(e)}))},stopHide:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.stopHide)||void 0===t||t.call(e)}}),function(){return(0,t.createVNode)(Ve,(0,t.mergeProps)(c.value,{ref:i,onContentMouseenter:s,onContentMouseleave:f}),{default:function(){return[(0,t.createVNode)("span",{style:a.value},null)]}})}}};return null===o&&(i=document.createElement("div"),(n=l.boundary,/^body$/i.test(n)?document.body:/^parent$/i.test(n)?je(l.target)?l.target.parentNode:l.target.target.parentNode:"string"==typeof n&&Ie(n)?document.querySelector(n):document.body).append(i),o=(0,t.createApp)(a),r=o.mount(i)),{close:function(){o&&(o.unmount(),r=null,o=null,i.remove())},show:function(){null==r||r.show()},hide:function(){null==r||r.hide()},update:function(e){null==r||r.updateTarget(e)},get vm(){return r},get $el(){return r.$el}}}const Be=(0,e.withInstall)(Ve)})(),i})()));

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

@@ -0,0 +1,12 @@
+import { PopoverPropTypes } from './props';
+export type $Popover = PopoverPropTypes & {
+    target: HTMLElement | HTMLElement | MouseEvent;
+};
+export default function createPopoverComponent(options: $Popover): {
+    close: () => void;
+    show: () => void;
+    hide: () => void;
+    update: (e: MouseEvent) => void;
+    readonly vm: any;
+    readonly $el: HTMLElement;
+};

package/lib/popover/popover.css

@@ -1,19 +1,5 @@
-.bk-popover {
-  display: inline-block;
-}
-.bk-popover .bk-popover-reference {
-  display: inline-block;
-}
-.bk-popover .fade-in-enter-active,
-.bk-popover .fade-in-linear-leave-active {
-  transition: opacity 200ms linear;
-}
-.bk-popover .fade-in-enter,
-.bk-popover .fade-in-leave,
-.bk-popover .fade-in-leave-active {
-  opacity: 0;
-}
-.bk-popover-content {
+.bk-popover.bk-pop2-content {
+  position: absolute;
   display: none;
   padding: 7px 14px;
   font-size: 12px;
@@ -22,47 +8,18 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
-.bk-popover-content[data-theme^='dark'] {
-  color: #fff;
-  background: #26323d;
-}
-.bk-popover-content[data-theme^='light'] {
-  color: #26323d;
-  background-color: #fff;
-  box-shadow: 0 0 6px 0 #dcdee5;
-}
-.bk-popover-content[data-theme^='light'][data-show] {
-  box-shadow: 0 0 6px 0 #dcdee5;
-}
-.bk-popover-content[data-show] {
-  display: block;
-}
-.bk-popover-content .arrow {
-  position: absolute;
-  z-index: -1;
-  width: 8px;
-  height: 8px;
-  background: inherit;
-  visibility: hidden;
-}
-.bk-popover-content .arrow::before {
+.bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   width: 8px;
   height: 8px;
-  background: inherit;
-  content: '';
-  visibility: visible;
+  background: #333;
   transform: rotate(45deg);
 }
-.bk-popover-content[data-popper-placement^='top'] > .arrow {
-  bottom: -4px;
-}
-.bk-popover-content[data-popper-placement^='bottom'] > .arrow {
-  top: -4px;
-}
-.bk-popover-content[data-popper-placement^='left'] > .arrow {
-  right: -4px;
+.bk-popover.bk-pop2-content[data-theme^='light'] {
+  color: #26323d;
+  background-color: #fff;
+  box-shadow: 0 0 6px 0 #dcdee5;
 }
-.bk-popover-content[data-popper-placement^='right'] > .arrow {
-  left: -4px;
+.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+  background-color: #fff;
 }

package/lib/popover/popover.d.ts

@@ -22,56 +22,123 @@ declare const _default: import("vue").DefineComponent<{
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     content: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    transition: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: string;
+        default: boolean;
     };
-    placement: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
-        default: () => void;
+    trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+        default: "click" | "hover" | "manual";
     };
-    trigger: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
+    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+        default: "auto" | "shown";
     };
     arrow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: () => unknown[];
+        default: number;
+    };
+    offset: import("vue-types").VueTypeDef<number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    }> & {
+        default: number | (() => {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        });
     };
     boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    zIndex: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: number;
+        default: boolean;
     };
-    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
-        default: string | (() => string[]);
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "afterHidden" | "afterShow" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    reference: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+        default: number | (() => number[]);
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}, {
+    boundary: import("vue").Ref<any>;
+    arrow: boolean;
+    refDefaultReference: 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;
+    updatePopover: (virtualEl?: any, props?: {}) => void;
+    hide: () => void;
+    show: () => void;
+    stopHide: () => void;
+    contentIsShow: import("vue").ComputedRef<boolean>;
+    renderContent: () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: (..._args: any[]) => boolean;
+    hide: (..._args: any[]) => boolean;
+    clickoutside: (..._args: any[]) => boolean;
+    contentMouseenter: (..._args: any[]) => boolean;
+    contentMouseleave: (..._args: any[]) => boolean;
+    stopHide: (..._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> & {
@@ -95,71 +162,135 @@ declare const _default: import("vue").DefineComponent<{
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     content: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    transition: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: string;
+        default: boolean;
     };
-    placement: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
-        default: () => void;
+    trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+        default: "click" | "hover" | "manual";
     };
-    trigger: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
+    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+        default: "auto" | "shown";
     };
     arrow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: () => unknown[];
+        default: number;
+    };
+    offset: import("vue-types").VueTypeDef<number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    }> & {
+        default: number | (() => {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        });
     };
     boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    zIndex: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: number;
+        default: boolean;
     };
-    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
-        default: string | (() => string[]);
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
-}>>, {
-    placement: string;
-    modifiers: unknown[];
-    zIndex: number;
-    content: string | number;
-    trigger: string;
-    disabled: boolean;
-    arrow: boolean;
-    theme: string;
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    reference: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+        default: number | (() => number[]);
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+    onClickoutside?: (...args: any[]) => any;
+    onContentMouseenter?: (...args: any[]) => any;
+    onContentMouseleave?: (...args: any[]) => any;
+    onStopHide?: (...args: any[]) => any;
+}, {
     width: string | number;
     height: string | number;
-    always: boolean;
-    transition: string;
-    stopBehaviors: string | string[];
+    maxHeight: string | number;
+    extCls: string;
+    arrow: boolean;
     isShow: boolean;
-    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
-    fixOnBoundary: boolean;
-}>;
+    always: boolean;
+    disabled: boolean;
+    content: string | number;
+    allowHtml: boolean;
+    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    theme: string;
+    trigger: "click" | "hover" | "manual";
+    renderType: "auto" | "shown";
+    padding: number;
+    offset: number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    };
+    zIndex: number;
+    disableTeleport: boolean;
+    autoPlacement: boolean;
+    autoVisibility: boolean;
+    disableOutsideClick: boolean;
+    disableTransform: boolean;
+    reference: any;
+    modifiers: unknown[];
+    popoverDelay: number | number[];
+}, {}>;
 export default _default;

package/lib/popover/popover.less

@@ -1,84 +1,35 @@
 @import '../styles/themes/themes.less';
 
-.@{bk-prefix}-popover {
-  display: inline-block;
-
-  .bk-popover-reference {
-    display: inline-block;
-  }
-
-  .fade-in-enter-active,
-  .fade-in-linear-leave-active {
-    transition: opacity 200ms linear;
-  }
-
-  .fade-in-enter,
-  .fade-in-leave,
-  .fade-in-leave-active {
-    opacity: 0;
-  }
-}
 
-.bk-popover-content {
-  display: none;
-  padding: 7px 14px;
-  font-size: 12px;
-  color: #fff;
-  background: #26323d;
-  border-radius: 4px;
-  box-sizing: border-box;
+.@{bk-prefix}-popover {
+  &.@{bk-prefix}-pop2-content {
+    position: absolute;
+    display: none;
+    
+    padding: 7px 14px;
 
-  &[data-theme^='dark'] {
+    font-size: 12px;
     color: #fff;
     background: #26323d;
-  }
-
-  &[data-theme^='light'] {
-    color: #26323d;
-    background-color: #fff;
-    box-shadow: 0 0 6px 0 #dcdee5;
+    border-radius: 4px;
+    box-sizing: border-box;
 
-    &[data-show] {
-      box-shadow: 0 0 6px 0 #dcdee5;
-    }
-  }
-
-  &[data-show] {
-    display: block;
-  }
-
-  .arrow {
-    position: absolute;
-    z-index: -1;
-    width: 8px;
-    height: 8px;
-    background: inherit;
-    visibility: hidden;
-
-    &::before {
+    .@{bk-prefix}-pop2-arrow {
       position: absolute;
       width: 8px;
       height: 8px;
-      background: inherit;
-      content: '';
-      visibility: visible;
+      background: #333;
       transform: rotate(45deg);
     }
-  }
 
-  &[data-popper-placement^='top'] > .arrow {
-    bottom: -4px;
-  }
-
-  &[data-popper-placement^='bottom'] > .arrow {
-    top: -4px;
-  }
-
-  &[data-popper-placement^='left'] > .arrow {
-    right: -4px;
-  }
+    &[data-theme^='light'] {
+      color: #26323d;
+      background-color: #fff;
+      box-shadow: 0 0 6px 0 #dcdee5;
 
-  &[data-popper-placement^='right'] > .arrow {
-    left: -4px;
+      .@{bk-prefix}-pop2-arrow {
+        background-color: #fff;
+      }
+    }
   }
 }