bkui-vue 0.0.1-beta.4 → 0.0.1-beta.400

package/lib/popover/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";var n=t.defineComponent({name:"BkPopover",props:{isShow:o.PropTypes.bool,width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),content:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def(""),placement:o.PropTypes.placement().def("top"),theme:o.PropTypes.theme(["dark","light"]).def("light"),trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([]),onFirstUpdate:o.PropTypes.func},data:function(){return{popoverInstance:Object.create(null),isPopInstance:!1}},watch:{isShow:{immediate:!0,handler:function(e){var t=this;this.$nextTick((function(){"manual"===t.trigger&&t.isPopInstance&&(e?t.popoverInstance.show():t.popoverInstance.hide())}))}}},mounted:function(){var e=this;this.$nextTick((function(){e.popoverInstance=new o.BKPopover(e.$refs.reference,e.$refs.refContent,{theme:e.theme,placement:e.placement,trigger:e.trigger,modifiers:e.modifiers,onFirstUpdate:e.onFirstUpdate}),e.isPopInstance=!0}))},beforeUnmount:function(){var e=this.popoverInstance;e.isShow&&e.hide(),e.destroy(),this.popoverInstance=Object.create(null)},methods:{handleClose:function(){this.$emit("update:isShow",!1)}},setup:function(e){var o=t.toRefs(e),n=o.width,r=o.height;return{compStyle:t.computed((function(){return{width:/^\d+$/.test(n.value)?"".concat(n.value,"px"):n.value,height:/^\d+$/.test(r.value)?"".concat(r.value,"px"):r.value}}))}},render:function(){var e,o,n,r,s,i;return t.createVNode("div",{class:"bk-popover"},[t.createVNode("div",{ref:"reference",class:"bk-popover-reference"},[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),t.createVNode("div",{ref:"refContent",class:"bk-popover-content",style:this.compStyle},[null!==(s=null===(r=(n=this.$slots).content)||void 0===r?void 0:r.call(n))&&void 0!==s?s:this.content,null!==(i=this.arrow)&&void 0!==i?i:t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])])}});n.install=function(e){e.component(n.name,n)},e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types")):t(e["../shared"],e.vue,e["vue-types"]);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,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,h=v-a+(m-u)/1e4;if(h<0&&void 0===e.clockseq&&(d=d+1&16383),(h<0||v>a)&&void 0===e.nsecs&&(m=0),m>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=v,u=m,r=d;var g=(1e4*(268435455&(v+=122192928e5))+m)%4294967296;s[c++]=g>>>24&255,s[c++]=g>>>16&255,s[c++]=g>>>8&255,s[c++]=255&g;var y=v/4294967296*1e4&268435455;s[c++]=y>>>8&255,s[c++]=255&y,s[c++]=y>>>24&15|16,s[c++]=y>>>16&255,s[c++]=d>>>8|128,s[c++]=255&d;for(var w=0;w<6;++w)s[c+w]=f[w];return t||l(s)}},6426:(e,t,n)=>{var o=n(9157),r=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var l=(e=e||{}).random||(e.rng||o)();if(l[6]=15&l[6]|64,l[8]=63&l[8]|128,t)for(var a=0;a<16;++a)t[i+a]=l[a];return t||r(l)}},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=n}},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,{$bkPopover:()=>Be,PopoverProps:()=>H,default:()=>We});var e=i(4212),t=i(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 r,a=new Map;function u(e,t){var n=[];return Array.isArray(t.arg)?n=t.arg:function(e){return"undefined"!=typeof Element&&e instanceof Element}(t.arg)&&n.push(t.arg),function(o,r){var i=t.instance.popperRef,l=o.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=n.length&&n.some((function(e){return null==e?void 0:e.contains(l)}))||n.length&&n.includes(a),p=i&&(i.contains(l)||i.contains(a));u||c||s||f||d||p||t.value(o,r)}}document.addEventListener("mousedown",(function(e){return r=e})),document.addEventListener("mouseup",(function(e){var t,o=n(a.values());try{for(o.s();!(t=o.n()).done;){var i,l=n(t.value);try{for(l.s();!(i=l.n()).done;)(0,i.value.documentHandler)(e,r)}catch(e){l.e(e)}finally{l.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,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var p,v,m=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"}(v||(v={}));var h=(d(p={},v.SHOW,m),d(p,v.HIDE,m),d(p,v.CLICK_OUTSIDE,m),d(p,v.CONTENT_MOUSEENTER,m),d(p,v.CONTENT_MOUSELEAVE,m),d(p,v.STOP_HIDE,m),p);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")},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")];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 y,w,b,T,x,P,R,E,O,A,C,S,N,I=i(210);(0,I.createTypes)({}),function(e){e.SMALL="small",e.LARGE="large",e.DEFAULT="default"}(y||(y={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(w||(w={})),function(e){e.IF="if",e.SHOW="show"}(b||(b={})),function(e){e.LEFT="left",e.CENTER="center",e.RIGHT="right"}(T||(T={})),function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.DANGER="danger"}(x||(x={})),function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(P||(P={})),function(e){e.HOVER="hover",e.CLICK="click",e.MANUAL="manual"}(R||(R={})),function(e){e.AUTO="auto",e.SHOWN="shown"}(E||(E={})),function(e){e.SHOW="show",e.OPERATION="operation",e.CONFIRM="confirm",e.PROCESS="process"}(O||(O={})),function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(A||(A={})),function(e){e.DASHED="dashed",e.SOLID="solid"}(C||(C={})),function(e){e.SUCCESS="success",e.INFO="info",e.WARNING="warning",e.DANGER="danger"}(S||(S={})),function(e){e.SIMPLICITY="simplicity",e.NORMAL="normal"}(N||(N={}));var L={onAfterHidden:Function,onAfterShow:Function},H=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(""),placement:e.PropTypes.oneOfType([(0,e.placementType)().def(P.TOP),e.PropTypes.string]).def(P.TOP),theme:e.PropTypes.string.def("dark"),trigger:e.PropTypes.oneOfType([(0,I.toType)("trigger",{}).def(R.HOVER),e.PropTypes.string]).def("hover"),renderType:(0,I.toType)("trigger",{}).def(E.AUTO),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.number.def(100)},L);const D=(0,t.defineComponent)({name:"PopReference",render:function(){var e,t,n;return null!==(n=null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:""}}),M=(0,t.defineComponent)({props:{class: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 j(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 V(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i=[],l=!0,a=!1;try{for(n=n.call(e);!(l=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);l=!0);}catch(e){a=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(a)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e){return e.split("-")[0]}function k(e){return e.split("-")[1]}function U(e){return["top","bottom"].includes(F(e))?"x":"y"}function $(e){return"y"===e?"height":"width"}function _(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=U(t),u=$(a),c=o[u]/2-r[u]/2,s="x"===a;let f;switch(F(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(k(t)){case"start":f[a]-=c*(n&&s?-1:1);break;case"end":f[a]+=c*(n&&s?-1:1)}return f}function B(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 W(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function q(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}=t,v=B(p),m=a[d?"floating"===f?"reference":"floating":f],h=W(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})),g=W(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:u}):l[f]);return{top:h.top-g.top+v.top,bottom:g.bottom-h.bottom+v.bottom,left:h.left-g.left+v.left,right:g.right-h.right+v.right}}const z=Math.min,G=Math.max;function Y(e,t,n){return G(e,z(t,n))}const K={left:"right",right:"left",bottom:"top",top:"bottom"};function X(e){return e.replace(/left|right|bottom|top/g,(e=>K[e]))}function Z(e,t,n){void 0===n&&(n=!1);const o=k(e),r=U(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=X(l)),{main:l,cross:X(l)}}const J={start:"end",end:"start"};function Q(e){return e.replace(/start|end/g,(e=>J[e]))}const ee=["top","right","bottom","left"],te=ee.reduce(((e,t)=>e.concat(t,t+"-start",t+"-end")),[]);function ne(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function oe(e){return ee.some((t=>e[t]>=0))}const re=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=F(n),a=k(n),u="x"===U(n),c=["left","top"].includes(l)?-1:1,s=i&&u?-1:1,f="function"==typeof t?t(e):t;let{mainAxis:d,crossAxis:p,alignmentAxis:v}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof v&&(p="end"===a?-1*v:v),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}}}};const ie=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}=e,c={x:n,y:o},s=await q(t,u),f=U(F(r)),d=function(e){return"x"===e?"y":"x"}(f);let p=c[f],v=c[d];if(i){const e="y"===f?"bottom":"right";p=Y(p+s["y"===f?"top":"left"],p,p-s[e])}if(l){const e="y"===d?"bottom":"right";v=Y(v+s["y"===d?"top":"left"],v,v-s[e])}const m=a.fn({...t,[f]:p,[d]:v});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function le(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function ae(e){if(null==e)return window;if(!le(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}function ue(e){return ae(e).getComputedStyle(e)}function ce(e){return le(e)?"":e?(e.nodeName||"").toLowerCase():""}function se(){const e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((e=>e.brand+"/"+e.version)).join(" "):navigator.userAgent}function fe(e){return e instanceof ae(e).HTMLElement}function de(e){return e instanceof ae(e).Element}function pe(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ae(e).ShadowRoot||e instanceof ShadowRoot)}function ve(e){const{overflow:t,overflowX:n,overflowY:o}=ue(e);return/auto|scroll|overlay|hidden/.test(t+o+n)}function me(e){return["table","td","th"].includes(ce(e))}function he(e){const t=/firefox/i.test(se()),n=ue(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 ge(){return!/^((?!chrome|android).)*safari/i.test(se())}const ye=Math.min,we=Math.max,be=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 u=1,c=1;t&&fe(e)&&(u=e.offsetWidth>0&&be(a.width)/e.offsetWidth||1,c=e.offsetHeight>0&&be(a.height)/e.offsetHeight||1);const s=de(e)?ae(e):window,f=!ge()&&n,d=(a.left+(f&&null!=(o=null==(r=s.visualViewport)?void 0:r.offsetLeft)?o:0))/u,p=(a.top+(f&&null!=(i=null==(l=s.visualViewport)?void 0:l.offsetTop)?i:0))/c,v=a.width/u,m=a.height/c;return{width:v,height:m,top:p,right:d+v,bottom:p+m,left:d,x:d,y:p}}function xe(e){return(t=e,(t instanceof ae(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function Pe(e){return de(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Re(e){return Te(xe(e)).left+Pe(e).scrollLeft}function Ee(e,t,n){const o=fe(t),r=xe(t),i=Te(e,o&&function(e){const t=Te(e);return be(t.width)!==e.offsetWidth||be(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"!==ce(t)||ve(r))&&(l=Pe(t)),fe(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 Oe(e){return"html"===ce(e)?e:e.assignedSlot||e.parentNode||(pe(e)?e.host:null)||xe(e)}function Ae(e){return fe(e)&&"fixed"!==getComputedStyle(e).position?e.offsetParent:null}function Ce(e){const t=ae(e);let n=Ae(e);for(;n&&me(n)&&"static"===getComputedStyle(n).position;)n=Ae(n);return n&&("html"===ce(n)||"body"===ce(n)&&"static"===getComputedStyle(n).position&&!he(n))?t:n||function(e){let t=Oe(e);for(pe(t)&&(t=t.host);fe(t)&&!["html","body"].includes(ce(t));){if(he(t))return t;t=t.parentNode}return null}(e)||t}function Se(e){if(fe(e))return{width:e.offsetWidth,height:e.offsetHeight};const t=Te(e);return{width:t.width,height:t.height}}function Ne(e){const t=Oe(e);return["html","body","#document"].includes(ce(t))?e.ownerDocument.body:fe(t)&&ve(t)?t:Ne(t)}function Ie(e,t){var n;void 0===t&&(t=[]);const o=Ne(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=ae(o),l=r?[i].concat(i.visualViewport||[],ve(o)?o:[]):o,a=t.concat(l);return r?a:a.concat(Ie(l))}function Le(e,t,n){return"viewport"===t?W(function(e,t){const n=ae(e),o=xe(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=ge();(e||!e&&"fixed"===t)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:i,height:l,x:a,y:u}}(e,n)):de(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):W(function(e){var t;const n=xe(e),o=Pe(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=we(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),l=we(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-o.scrollLeft+Re(e);const u=-o.scrollTop;return"rtl"===ue(r||n).direction&&(a+=we(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:l,x:a,y:u}}(xe(e)))}function He(e){const t=Ie(e),n=["absolute","fixed"].includes(ue(e).position)&&fe(e)?Ce(e):e;return de(n)?t.filter((e=>de(e)&&function(e,t){const n=null==t.getRootNode?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&pe(n)){let n=t;do{if(n&&e===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(e,n)&&"body"!==ce(e))):[]}const De={getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const i=[..."clippingAncestors"===n?He(t):[].concat(n),o],l=i[0],a=i.reduce(((e,n)=>{const o=Le(t,n,r);return e.top=we(o.top,e.top),e.right=ye(o.right,e.right),e.bottom=ye(o.bottom,e.bottom),e.left=we(o.left,e.left),e}),Le(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=fe(n),i=xe(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==ce(n)||ve(i))&&(l=Pe(n)),fe(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:de,getDimensions:Se,getOffsetParent:Ce,getDocumentElement:xe,getElementRects:e=>{let{reference:t,floating:n,strategy:o}=e;return{reference:Ee(t,Ce(n),o),floating:{...Se(n),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===ue(e).direction},Me=(e,t,n)=>(async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=n,a=await(null==l.isRTL?void 0:l.isRTL(t));let u=await l.getElementRects({reference:e,floating:t,strategy:r}),{x:c,y:s}=_(u,o,a),f=o,d={};for(let n=0;n<i.length;n++){const{name:p,fn:v}=i[n],{x:m,y:h,data:g,reset:y}=await v({x:c,y:s,initialPlacement:o,placement:f,strategy:r,middlewareData:d,rects:u,platform:l,elements:{reference:e,floating:t}});c=null!=m?m:c,s=null!=h?h:s,d={...d,[p]:{...d[p],...g}},y&&("object"==typeof y&&(y.placement&&(f=y.placement),y.rects&&(u=!0===y.rects?await l.getElementRects({reference:e,floating:t,strategy:r}):y.rects),({x:c,y:s}=_(u,f,a))),n=-1)}return{x:c,y:s,placement:f,strategy:r,middlewareData:d}})(e,t,{platform:De,...n}),je=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=T(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)},p=["dark","light"],m=(0,t.computed)((function(){var e,t,o=null!==(t=null===(e=n.theme)||void 0===e?void 0:e.split(/\s+/))&&void 0!==t?t:[];return o.sort((function(e,t){return Number(p.includes(t))-Number(p.includes(e))})),{systemThemes:o,customThemes:o.filter((function(e){return!p.includes(e)}))}})),h=function(){return n.autoVisibility},g=function(){return n.autoPlacement},y=function(){var e,t,o,r;return{elReference:T(null===(e=i.value)||void 0===e?void 0:e.$el),elContent:T(null===(t=l.value)||void 0===t?void 0:t.$el),elArrow:n.arrow?T(null===(o=a.value)||void 0===o?void 0:o.$el):null,root:T(null===(r=u.value)||void 0===r?void 0:r.$el)}},w=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=V(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},b=function(e,t){var n,o,r=w(),i=[re(r.offset||t.offset),ie({padding:t.padding})],l={placement:t.placement,middleware:i};if(t.arrow&&i.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:u}=t;if(null==n)return{};const c=B(o),s={x:r,y:i},f=U(l),d=k(l),p=$(f),v=await u.getDimensions(n),m="y"===f?"top":"left",h="y"===f?"bottom":"right",g=a.reference[p]+a.reference[f]-s[f]-a.floating[p],y=s[f]-a.reference[f],w=await(null==u.getOffsetParent?void 0:u.getOffsetParent(n));let b=w?"y"===f?w.clientHeight||0:w.clientWidth||0:0;0===b&&(b=a.floating[p]);const T=g/2-y/2,x=c[m],P=b-v[p]-c[h],R=b/2-v[p]/2+T,E=Y(x,R,P),O=("start"===d?c[m]:c[h])>0&&R!==E&&a.reference[p]<=a.floating[p];return{[f]:s[f]-(O?R<x?x-R:P-R:0),data:{[f]:E,centerOffset:R-E}}}}))({element:e})),g()?i.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:u,rects:c,middlewareData:s,placement:f,platform:d,elements:p}=t,{alignment:v=null,allowedPlacements:m=te,autoAlignment:h=!0,...g}=e,y=function(e,t,n){return(e?[...n.filter((t=>k(t)===e)),...n.filter((t=>k(t)!==e))]:n.filter((e=>F(e)===e))).filter((n=>!e||k(n)===e||!!t&&Q(n)!==n))}(v,h,m),w=await q(t,g),b=null!=(n=null==(o=s.autoPlacement)?void 0:o.index)?n:0,T=y[b];if(null==T)return{};const{main:x,cross:P}=Z(T,c,await(null==d.isRTL?void 0:d.isRTL(p.floating)));if(f!==T)return{x:a,y:u,reset:{placement:y[0]}};const R=[w[F(T)],w[x],w[P]],E=[...null!=(r=null==(i=s.autoPlacement)?void 0:i.overflows)?r:[],{placement:T,overflows:R}],O=y[b+1];if(O)return{data:{index:b+1,overflows:E},reset:{placement:O}};const A=E.slice().sort(((e,t)=>e.overflows[0]-t.overflows[0])),C=null==(l=A.find((e=>{let{overflows:t}=e;return t.every((e=>e<=0))})))?void 0:l.placement,S=null!=C?C:A[0].placement;return S!==f?{data:{index:b+1,overflows:E},reset:{placement:S}}:{}}}}()):(i.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:u=2,x:c,y:s}=e,f=W(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=B(u),v=await l.getElementRects({reference:{getBoundingClientRect:function(){var e;if(2===d.length&&d[0].left>d[1].right&&null!=c&&null!=s)return null!=(e=d.find((e=>c>e.left-p.left&&c<e.right+p.right&&s>e.top-p.top&&s<e.bottom+p.bottom)))?e:f;if(d.length>=2){if("x"===U(o)){const e=d[0],t=d[d.length-1],n="top"===F(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"===F(o),t=G(...d.map((e=>e.right))),n=z(...d.map((e=>e.left))),r=d.filter((o=>e?o.left===n:o.right===t)),i=r[0].top,l=r[r.length-1].bottom;return{top:i,bottom:l,left:n,right:t,width:t-n,height:l-i,x:n,y:i}}return f}},floating:r.floating,strategy:a});return i.reference.x!==v.reference.x||i.reference.y!==v.reference.y||i.reference.width!==v.reference.width||i.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}}()),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",flipAlignment:p=!0,...v}=e,m=F(o),h=f||(m!==l&&p?function(e){const t=X(e);return[Q(e),t,Q(t)]}(l):[X(l)]),g=[l,...h],y=await q(t,v),w=[];let b=(null==(n=r.flip)?void 0:n.overflows)||[];if(c&&w.push(y[m]),s){const{main:e,cross:t}=Z(o,i,await(null==a.isRTL?void 0:a.isRTL(u.floating)));w.push(y[e],y[t])}if(b=[...b,{placement:o,overflows:w}],!w.every((e=>e<=0))){var T,x;const e=(null!=(T=null==(x=r.flip)?void 0:x.index)?T:0)+1,t=g[e];if(t)return{data:{index:e,overflows:b},reset:{placement:t}};let n="bottom";switch(d){case"bestFit":{var P;const e=null==(P=b.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:P[0].placement;e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}}())),h()&&l.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=ne(await q(e,{...n,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:oe(t)}}}case"escaped":{const t=ne(await q(e,{...n,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:oe(t)}}}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 undefined")}(e);var n=null!==(t=null==o?void 0:o.getBoundingClientRect())&&void 0!==t?t:{},r=n.width,i=void 0===r?0:r,l=n.height;return{width:i,height:void 0===l?0:l,x:0,y:0}}}),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},T=function e(t){return t instanceof HTMLElement?t:t instanceof Text?e(t.nextElementSibling):"function"==typeof(null==t?void 0:t.getBoundingClientRect)?t:null},x=m.value.customThemes.join(" "),P=m.value.customThemes.reduce((function(e,t){return Object.assign(d({},"data-".concat(t,"-theme"),!0),e)}),{}),R="".concat(x),E=null,O=function(e){var t=window.devicePixelRatio||1;return Math.round(e*t)/t||0},A=function(e,t,o,r){var i;n.disableTransform?Object.assign(e.style,{left:"".concat(O(t),"px"),top:"".concat(O(o),"px")}):Object.assign(e.style,{left:"0",top:"0",transform:"translate3d(".concat(O(t),"px,").concat(O(o),"px,0)")});var l=!!h()&&(null===(i=r.hide)||void 0===i?void 0:i.referenceHidden);Object.assign(e.style,{visibility:l?"hidden":"visible"})},C=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,d({left:null!==l?"".concat(l,"px"):"",top:null!==a?"".concat(a,"px"):""},u,"-4px"))}},S=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=y(),o=n.elReference,r=n.elContent,i=n.elArrow,l=e||o;if(l&&r){var a=b(i,t);Me(l,r,a).then((function(e){var t=e.x,n=e.y,o=e.placement,l=e.middlewareData,a=r.className;r.className="".concat(a.replace(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"),A(r,t,n,l),C(i,c,l)}))}},N=void 0,I=!1,L=function(){setTimeout((function(){!n.disabled&&(c.value=!0)}),n.popoverDelay)},H=function(){N=setTimeout((function(){c.value=!1}),n.popoverDelay)},D=function(){c.value?H():L()},M=function(){D()},j=function(){"hover"===n.trigger&&(N&&(I=!0,clearTimeout(N),N=void 0),K())},_=function(){I&&(H(),I=!1,J())},K=function(){o.emit(v.CONTENT_MOUSEENTER)},J=function(){o.emit(v.CONTENT_MOUSELEAVE)};return(0,t.watch)(c,(function(t){var r,i;t?((i=T(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())),S(),o.emit("afterShow",{isShow:!0})):function(){var e;T(null===(e=l.value)||void 0===e?void 0:e.$el).style.setProperty("display","none"),o.emit("afterHidden",{isShow:!1})}()})),{showPopover:L,hidePopover:H,resolveTriggerEvents:function(){var e;return null!==(e={hover:{content:[["mouseenter",j],["mouseleave",_]],reference:[["mouseenter",L],["mouseleave",H],["focus",L],["blur",H]]},click:[["click",M]],manual:{content:[["mouseenter",K],["mouseleave",J]],reference:[[]]}}[n.trigger])&&void 0!==e?e:[]},updatePopover:S,triggerPopover:D,resolvePopElements:y,isElementFullScreen:f,resolveTargetElement:T,createPopInstance:function(){var e=y(),t=e.elReference,o=e.elContent;E=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:l=!0,animationFrame:a=!1}=o,u=r&&!a,c=i&&!a,s=u||c?[...de(e)?Ie(e):[],...Ie(t)]:[];s.forEach((e=>{u&&e.addEventListener("scroll",n,{passive:!0}),c&&e.addEventListener("resize",n)}));let f,d=null;l&&(d=new ResizeObserver(n),de(e)&&!a&&d.observe(e),d.observe(t));let p=a?Te(e):null;return a&&function t(){const o=Te(e);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n(),p=o,f=requestAnimationFrame(t)}(),l||n(),()=>{var e;s.forEach((e=>{u&&e.removeEventListener("scroll",n),c&&e.removeEventListener("resize",n)})),null==(e=d)||e.disconnect(),d=null,a&&cancelAnimationFrame(f)}}(t,o,(function(){S(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(){N&&(I=!0,clearTimeout(N),N=void 0)},localIsShow:c,cleanup:E}};var Ve=i(8022),Fe={},ke=function(e){return document.querySelector(e)instanceof HTMLElement},Ue=null,$e=null;const _e=(0,t.defineComponent)({name:"Popover",components:{Content:g,Arrow:f,Root:M},directives:{clickoutside:s},props:H,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=(Fe.fullscreenReferId||(Fe.fullscreenReferId="id_".concat((0,Ve.v4)())),Fe.fullscreenReferId),f=(0,t.ref)(),d=je(e,n,{refReference:r,refContent:i,refArrow:l,refRoot:a}),p=d.localIsShow,m=d.showPopover,h=d.hidePopover,g=d.updatePopover,y=d.resolveTriggerEvents,w=d.resolvePopElements,b=d.isElementFullScreen,T=d.updateFullscreenTarget,x=d.createPopInstance,P=d.getFullscreenRoot,R=d.stopHide,E=function(){h()},O=function(){x(),e.always?m():A()},A=function(){var e=w(),t=e.elReference,n=e.elContent;if(u=y(),Array.isArray(u))C(t,u);else{var o=u,r=o.content,i=o.reference;C(t,i),C(n,r)}},C=function(e,t){t.forEach((function(t){var n=V(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.addEventListener(o,r)}))},S=function(){var e=w(),t=e.elReference,n=e.root;c.value?L.value=null==f?void 0:f.value:L.value=I(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(Ue);var r=(n||{}).parentNode;(null==r?void 0:r.parentNode)&&(r.parentNode.setAttribute("data-pnode-id",$e),o="[data-pnode-id=".concat($e,"]"))}})),r((function(){if(!/^body$/i.test(e.boundary)&&"string"==typeof e.boundary){if(!ke(e.boundary))return console.error("props.boundary is not available selector"),void(o="body");o=e.boundary}})),r((function(){o="string"==typeof e.boundary?e.boundary:"".concat(t).concat(Ue)})),o};if(null===Ue||!ke("#".concat(Ue))){Ue="id_".concat((0,Ve.v4)());var o=document.createElement("div");o.setAttribute("id",Ue),o.setAttribute("data-popper-id",Ue),document.body.append(o)}return null===$e&&($e="id_".concat((0,Ve.v4)())),{popContainerId:Ue,prefixId:n(),getPrefixId:n}}(e,"#"),I=N.getPrefixId,L=(0,t.ref)(),H=function(){!function(){if(null==u?void 0:u.length){var e=w().elReference;e&&u.forEach((function(t){var n=V(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,T(e),c.value=b(),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),S(),g(null,e)};return{onMountedFn:function(){if(!e.disabled){if(O(),b()){var t="[data-fllsrn-id=".concat(s,"]"),n=P(t);D(n)}S(),document.body.addEventListener("fullscreenchange",M)}},onUnmountedFn:function(){H(),document.body.removeEventListener("fullscreenchange",M)},handleClickOutside:function(t){n.emit(v.CLICK_OUTSIDE,{isShow:p.value,event:t}),e.disableOutsideClick||e.always||e.disabled||"manual"===e.trigger||p.value&&E()},beforeInstanceUnmount:H,updateBoundary:S,initPopInstance:O,updatePopover:g,showPopover:m,hidePopover:h,showFn:function(){m()},hideFn:E,stopHide:R,isFullscreen:c,boundary:L,localIsShow:p}}(n,o,{refReference:d,refContent:c,refArrow:s,refRoot:f}),m=p.onMountedFn,h=p.onUnmountedFn,g=p.handleClickOutside,y=p.beforeInstanceUnmount,w=p.updateBoundary,b=p.initPopInstance,T=p.showFn,x=p.hideFn,P=p.showPopover,R=p.hidePopover,E=p.updatePopover,O=p.stopHide,A=p.localIsShow,C=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]?y():b()})),w(),(0,t.onMounted)(m),(0,t.onBeforeUnmount)(h);var S=(0,t.computed)((function(){return!l})),N=(0,t.computed)((function(){return n.renderType===e.RenderType.AUTO||A.value}));return{boundary:C,arrow:n.arrow,refDefaultReference:u,refContent:c,refArrow:s,content:r,theme:i,transBoundary:S,handleClickOutside:g,updatePopover:E,hide:function(){x()},show:function(){T()},stopHide:O,contentIsShow:N}},render:function(){var e,n,o,r,i,l,a=this;return(0,t.createVNode)(M,{ref:"refRoot"},{default:function(){return[(0,t.createVNode)(D,{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,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.content:""]},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 Be(e){var n,o=null,r=null,i=null,l=Object.assign(Object.assign({boundary:"body",placement:"top",autoVisibility:!1},e),{trigger:"manual"}),a=function(e){return e instanceof Element||e instanceof HTMLDocument},u={name:"$popover",setup:function(e,n){var o=n.expose,r=(0,t.ref)(l),i=(0,t.ref)(),u=(0,t.ref)({position:"absolute",pointerEvents:"none",left:0,top:0,width:"auto",height:"auto",transform:""}),c=function(e){if(a(e)){var t=e.getBoundingClientRect(),n=t.x,o=t.y,r=t.width,i=t.height;Object.assign(u.value,{width:"".concat(r,"px"),height:"".concat(i,"px"),transform:"translate3d(".concat(n,"px,").concat(o,"px,0)")})}else{var l=e.clientX,c=e.clientY;Object.assign(u.value,{transform:"translate3d(".concat(l,"px,").concat(c,"px,0)"),width:"10px",height:"10px"})}};c(r.value.target);var s=(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),d({},t,r.value[t]))}),{})})),f=function(){var e;null===(e=l.onContentMouseenter)||void 0===e||e.call(l)},p=function(){var e;null===(e=l.onContentMouseleave)||void 0===e||e.call(l)};return o({show:function(){setTimeout((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,c(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)(_e,(0,t.mergeProps)(s.value,{ref:i,onContentMouseenter:f,onContentMouseleave:p}),{default:function(){return[(0,t.createVNode)("span",{style:u.value},null)]}})}}};return null===o&&(i=document.createElement("div"),(n=l.boundary,/^body$/i.test(n)?document.body:/^parent$/i.test(n)?a(l.target)?l.target.parentNode:l.target.target.parentNode:"string"==typeof n&&ke(n)?document.querySelector(n):document.body).append(i),setTimeout((function(){o=(0,t.createApp)(u),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 We=(0,e.withInstall)(_e)})(),l})()));

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

@@ -0,0 +1,12 @@
+import { PopoverPropTypes } from './props';
+export declare 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,56 +1,25 @@
-.bk-popover .bk-popover-reference {
-  display: inline-block;
-}
-.bk-popover .bk-popover-content {
+.bk-popover.bk-pop2-content {
+  position: absolute;
   display: none;
-  padding: 4px 8px;
-  font-size: 13px;
-  font-weight: bold;
+  padding: 7px 14px;
+  font-size: 12px;
   color: #fff;
   background: #26323d;
   border-radius: 4px;
   box-sizing: border-box;
 }
-.bk-popover .bk-popover-content[data-theme='dark'] {
-  color: #fff;
-  background: #26323d;
-}
-.bk-popover .bk-popover-content[data-theme='light'] {
-  color: #26323d;
-  background-color: #fff;
-  box-shadow: 0 0 6px 0 #dcdee5;
-}
-.bk-popover .bk-popover-content[data-theme='light'][data-show] {
-  box-shadow: 0 0 6px 0 #dcdee5;
-}
-.bk-popover .bk-popover-content[data-show] {
-  display: block;
-}
-.bk-popover .bk-popover-content .arrow {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: inherit;
-  visibility: hidden;
-}
-.bk-popover .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 .bk-popover-content[data-popper-placement^='top'] > .arrow {
-  bottom: -4px;
-}
-.bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
-  top: -4px;
-}
-.bk-popover .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 .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

@@ -1,6 +1,20 @@
 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;
@@ -8,81 +22,256 @@ 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;
     };
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    theme: import("vue-types").VueTypeDef<string> & {
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    /**
-     * 触发方式
-     * 支持 click hover manual
-     * manual： 通过isShow控制显示、隐藏
-     */
-    trigger: import("vue-types").VueTypeValidableDef<string> & {
+    trigger: import("vue-types").VueTypeDef<string> & {
         default: string;
+    };
+    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+        default: "auto" | "shown";
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        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>;
+    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;
+    };
+    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").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, {
+    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>;
+}, 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> & {
+        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;
+    };
+    maxHeight: 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").VueTypeDef<string> & {
+        default: string;
+    };
+    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+        default: "auto" | "shown";
+    };
     arrow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        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>;
+    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;
+    };
+    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[];
     };
-    onFirstUpdate: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
+    popoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+    onClickoutside?: (...args: any[]) => any;
+    onContentMouseenter?: (...args: any[]) => any;
+    onContentMouseleave?: (...args: any[]) => any;
+    onStopHide?: (...args: any[]) => any;
 }, {
-    compStyle: import("vue").ComputedRef<{
-        width: any;
-        height: any;
-    }>;
-}, {
-    popoverInstance: any;
-    isPopInstance: boolean;
-}, {}, {
-    handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    isShow?: unknown;
-    width?: unknown;
-    height?: unknown;
-    content?: unknown;
-    placement?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    arrow?: unknown;
-    modifiers?: unknown;
-    onFirstUpdate?: unknown;
-} & {
     placement: string;
     modifiers: unknown[];
-    width: string | number;
-    height: string | number;
-    theme: string;
+    offset: number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    };
+    zIndex: number;
     content: string | number;
-    isShow: boolean;
     trigger: string;
-    arrow: boolean;
-} & {
-    onFirstUpdate?: (...args: any[]) => any;
-}> & {}, {
-    placement: string;
-    modifiers: unknown[];
-    onFirstUpdate: (...args: any[]) => any;
     width: string | number;
     height: string | number;
-    theme: string;
-    content: string | number;
-    isShow: boolean;
-    trigger: string;
+    maxHeight: string | number;
     arrow: boolean;
+    isShow: boolean;
+    always: boolean;
+    disabled: boolean;
+    theme: string;
+    renderType: "auto" | "shown";
+    padding: number;
+    disableTeleport: boolean;
+    autoPlacement: boolean;
+    autoVisibility: boolean;
+    disableOutsideClick: boolean;
+    disableTransform: boolean;
+    reference: any;
+    popoverDelay: number;
 }>;
 export default _default;

package/lib/popover/popover.less

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