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

package/lib/notify/notifyConstructor.d.ts

@@ -51,8 +51,8 @@ declare const _default: import("vue").DefineComponent<{
     offset?: unknown;
     onClose?: unknown;
 } & {
-    offset: number;
     title: string;
+    offset: number;
     id: string;
     theme: string;
     position: string;
@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
 }> & {
     onDestory?: (...args: any[]) => any;
 }, {
-    offset: number;
     title: string;
+    offset: number;
     id: string;
     onClose: (...args: any[]) => any;
     theme: string;

package/lib/popover/index.d.ts

@@ -1,10 +1,7 @@
 declare const BkPopover: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
-        $data: {
-            popoverInstance: any;
-            isPopInstance: boolean;
-        };
+        $data: {};
         $props: Partial<{
             placement: string;
             modifiers: unknown[];
@@ -15,17 +12,52 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
-        }> & Omit<Readonly<{
+            transition: string;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
+        }> & Omit<({} & (Readonly<{
+            isShow?: unknown;
+            width?: unknown;
+            height?: unknown;
+            content?: unknown;
+            transition?: unknown;
+            placement?: unknown;
+            theme?: unknown;
+            handleFirstUpdate?: unknown;
+            trigger?: unknown;
+            arrow?: unknown;
+            modifiers?: unknown;
+            boundary?: unknown;
+            fixOnBoundary?: unknown;
+        } & {
+            placement: string;
+            modifiers: unknown[];
+            width: string | number;
+            height: string | number;
+            theme: string;
+            content: string | number;
+            trigger: string;
+            arrow: boolean;
+            isShow: boolean;
+            transition: string;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
+        } & {
+            boundary?: string | HTMLElement;
+        }> & ({} | {}))) & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
             isShow?: unknown;
             width?: unknown;
             height?: unknown;
             content?: unknown;
+            transition?: unknown;
             placement?: unknown;
             theme?: unknown;
             handleFirstUpdate?: unknown;
             trigger?: unknown;
             arrow?: unknown;
             modifiers?: unknown;
+            boundary?: unknown;
+            fixOnBoundary?: unknown;
         } & {
             placement: string;
             modifiers: unknown[];
@@ -36,9 +68,12 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
+            transition: string;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
         } & {
-            handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "width" | "height" | "theme" | "content" | "trigger" | "arrow" | "isShow">;
+            boundary?: string | HTMLElement;
+        }> & ({} | {})), "placement" | "modifiers" | "width" | "height" | "theme" | "content" | "trigger" | "arrow" | "isShow" | "transition" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -50,19 +85,22 @@ declare const BkPopover: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             isShow?: unknown;
             width?: unknown;
             height?: unknown;
             content?: unknown;
+            transition?: unknown;
             placement?: unknown;
             theme?: unknown;
             handleFirstUpdate?: unknown;
             trigger?: unknown;
             arrow?: unknown;
             modifiers?: unknown;
+            boundary?: unknown;
+            fixOnBoundary?: unknown;
         } & {
             placement: string;
             modifiers: unknown[];
@@ -73,20 +111,12 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
+            transition: string;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
         } & {
-            handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
-        }> & {}, {
-            compStyle: import("vue").ComputedRef<{
-                width: any;
-                height: any;
-                zIndex: number;
-            }>;
-        }, {
-            popoverInstance: any;
-            isPopInstance: boolean;
-        }, {}, {
-            handleClose(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            boundary?: string | HTMLElement;
+        }> & ({} | {}), () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
             placement: string;
             modifiers: unknown[];
             width: string | number;
@@ -96,6 +126,9 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
+            transition: string;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -116,17 +149,20 @@ declare const BkPopover: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
+    } & (Readonly<{
         isShow?: unknown;
         width?: unknown;
         height?: unknown;
         content?: unknown;
+        transition?: unknown;
         placement?: unknown;
         theme?: unknown;
         handleFirstUpdate?: unknown;
         trigger?: unknown;
         arrow?: unknown;
         modifiers?: unknown;
+        boundary?: unknown;
+        fixOnBoundary?: unknown;
     } & {
         placement: string;
         modifiers: unknown[];
@@ -137,20 +173,41 @@ declare const BkPopover: {
         trigger: string;
         arrow: boolean;
         isShow: boolean;
+        transition: string;
+        handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+        fixOnBoundary: boolean;
     } & {
-        handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
-    }> & {} & import("vue").ShallowUnwrapRef<{
-        compStyle: import("vue").ComputedRef<{
-            width: any;
-            height: any;
-            zIndex: number;
-        }>;
-    }> & {
-        popoverInstance: any;
-        isPopInstance: boolean;
-    } & {} & {
-        handleClose(): void;
-    } & import("vue").ComponentCustomProperties;
+        boundary?: string | HTMLElement;
+    }> & ({} | {})) & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties & Readonly<{
+        isShow?: unknown;
+        width?: unknown;
+        height?: unknown;
+        content?: unknown;
+        transition?: unknown;
+        placement?: unknown;
+        theme?: unknown;
+        handleFirstUpdate?: unknown;
+        trigger?: unknown;
+        arrow?: unknown;
+        modifiers?: unknown;
+        boundary?: unknown;
+        fixOnBoundary?: unknown;
+    } & {
+        placement: string;
+        modifiers: unknown[];
+        width: string | number;
+        height: string | number;
+        theme: string;
+        content: string | number;
+        trigger: string;
+        arrow: boolean;
+        isShow: boolean;
+        transition: string;
+        handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+        fixOnBoundary: boolean;
+    } & {
+        boundary?: string | HTMLElement;
+    }> & ({} | {});
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -159,12 +216,15 @@ declare const BkPopover: {
     width?: unknown;
     height?: unknown;
     content?: unknown;
+    transition?: unknown;
     placement?: unknown;
     theme?: unknown;
     handleFirstUpdate?: unknown;
     trigger?: unknown;
     arrow?: unknown;
     modifiers?: unknown;
+    boundary?: unknown;
+    fixOnBoundary?: unknown;
 } & {
     placement: string;
     modifiers: unknown[];
@@ -175,20 +235,12 @@ declare const BkPopover: {
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    transition: string;
+    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    fixOnBoundary: boolean;
 } & {
-    handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
-}> & {}, {
-    compStyle: import("vue").ComputedRef<{
-        width: any;
-        height: any;
-        zIndex: number;
-    }>;
-}, {
-    popoverInstance: any;
-    isPopInstance: boolean;
-}, {}, {
-    handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    boundary?: string | HTMLElement;
+}> & ({} | {}), () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
     placement: string;
     modifiers: unknown[];
     width: string | number;
@@ -198,5 +250,8 @@ declare const BkPopover: {
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    transition: string;
+    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    fixOnBoundary: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkPopover;

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"),handleFirstUpdate:Function,trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}])},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.handleFirstUpdate}),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 n=t.toRefs(e),r=n.width,s=n.height;return{compStyle:t.computed((function(){return{width:/^\d+$/.test(r.value)?"".concat(r.value,"px"):r.value,height:/^\d+$/.test(s.value)?"".concat(s.value,"px"):s.value,zIndex:o.bkZIndexManager.getModalNextIndex()}}))}},render:function(){var e,o,n,r,s;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,this.arrow&&t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])])}}),r=o.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(r);var a=n(r.exports),i={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(""),transition:o.PropTypes.string.def("fade-in"),placement:o.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:o.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:o.PropTypes.oneOfType([o.PropTypes.string.def("parent"),o.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:o.PropTypes.bool.def(!1)},u=t.defineComponent({name:"Popover",props:i,setup:function(e,n){var r=!1,i=Object.create(null),u=t.toRefs(e),s=u.width,p=u.height,d=u.theme,f=u.trigger,l=u.isShow,c=u.placement,m=u.modifiers,v=u.arrow,h=u.content,y=t.ref(),T=t.ref(),b=t.computed((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:o.bkZIndexManager.getModalNextIndex()}})),g=["dark","light"],P=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(e){"manual"===f.value&&r&&(e?i.show():i.hide())};t.watch((function(){return e.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){n.emit("update:isShow",!1)},O=function(){n.emit("update:isShow",!0)},S=function(){var e=i;e.constructor&&(e.isShow&&e.hide(),e.destroy(),i=Object.create(null))},j=function(){i=new o.BKPopover(y.value,T.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:f.value,modifiers:m.value,onFirstUpdate:e.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:e.boundary,fixOnBoundary:e.fixOnBoundary}),r=!0,w(l.value)},k=function(){S(),t.nextTick(j)};n.expose({update:k}),t.onMounted(k),t.onBeforeUnmount(S);var N=function(){n.emit("after-enter")},M=function(){n.emit("after-leave")},V=P.value.customThemes.join(" "),_=P.value.customThemes.reduce((function(e,t){return Object.assign(a({},"data-".concat(t,"-theme"),!0),e)}),{}),B="bk-popover-content ".concat(V);return function(){var o,r,a,i,u;return t.createVNode("div",{class:"bk-popover","data-bk-pop-container":!0},[t.createVNode("div",{ref:y,class:"bk-popover-reference"},[null===(r=(o=n.slots).default)||void 0===r?void 0:r.call(o)]),t.createVNode(t.Transition,{name:e.transition,onAfterEnter:N,onAfterLeave:M},{default:function(){return[t.createVNode("div",t.mergeProps({ref:T,class:B,style:b.value},_),[null!==(u=null===(i=(a=n.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==u?u:h.value,v&&t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=o.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/popover/popover.css

@@ -1,7 +1,16 @@
 .bk-popover .bk-popover-reference {
   display: inline-block;
 }
-.bk-popover .bk-popover-content {
+.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 {
   display: none;
   padding: 7px 14px;
   font-size: 12px;
@@ -10,29 +19,29 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
-.bk-popover .bk-popover-content[data-theme='dark'] {
+.bk-popover-content[data-theme^='dark'] {
   color: #fff;
   background: #26323d;
 }
-.bk-popover .bk-popover-content[data-theme='light'] {
+.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] {
+.bk-popover-content[data-theme^='light'][data-show] {
   box-shadow: 0 0 6px 0 #dcdee5;
 }
-.bk-popover .bk-popover-content[data-show] {
+.bk-popover-content[data-show] {
   display: block;
 }
-.bk-popover .bk-popover-content .arrow {
+.bk-popover-content .arrow {
   position: absolute;
   width: 8px;
   height: 8px;
   background: inherit;
   visibility: hidden;
 }
-.bk-popover .bk-popover-content .arrow::before {
+.bk-popover-content .arrow::before {
   position: absolute;
   width: 8px;
   height: 8px;
@@ -41,15 +50,15 @@
   visibility: visible;
   transform: rotate(45deg);
 }
-.bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
+.bk-popover-content[data-popper-placement^='top'] > .arrow {
   bottom: -4px;
 }
-.bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
+.bk-popover-content[data-popper-placement^='bottom'] > .arrow {
   top: -4px;
 }
-.bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
-  right: 0;
+.bk-popover-content[data-popper-placement^='left'] > .arrow {
+  right: -4px;
 }
-.bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
-  left: -8px;
+.bk-popover-content[data-popper-placement^='right'] > .arrow {
+  left: -4px;
 }

package/lib/popover/popover.d.ts

@@ -1,5 +1,3 @@
-import { PropType } from 'vue';
-import { OnFirstUpdateFnType } from '@bkui-vue/shared';
 declare const _default: import("vue").DefineComponent<{
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -13,18 +11,23 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    transition: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    theme: import("vue-types").VueTypeDef<string> & {
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    handleFirstUpdate: PropType<OnFirstUpdateFnType>;
-    /**
-     * 触发方式
-     * 支持 click hover manual
-     * manual： 通过isShow控制显示、隐藏
-     */
+    handleFirstUpdate: {
+        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+        default: () => void;
+    };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -40,28 +43,26 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: () => unknown[];
     };
-}, {
-    compStyle: import("vue").ComputedRef<{
-        width: any;
-        height: any;
-        zIndex: number;
-    }>;
-}, {
-    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<{
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     isShow?: unknown;
     width?: unknown;
     height?: unknown;
     content?: unknown;
+    transition?: unknown;
     placement?: unknown;
     theme?: unknown;
     handleFirstUpdate?: unknown;
     trigger?: unknown;
     arrow?: unknown;
     modifiers?: unknown;
+    boundary?: unknown;
+    fixOnBoundary?: unknown;
 } & {
     placement: string;
     modifiers: unknown[];
@@ -72,9 +73,12 @@ declare const _default: import("vue").DefineComponent<{
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    transition: string;
+    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    fixOnBoundary: boolean;
 } & {
-    handleFirstUpdate?: OnFirstUpdateFnType;
-}> & {}, {
+    boundary?: string | HTMLElement;
+}> & ({} | {}), {
     placement: string;
     modifiers: unknown[];
     width: string | number;
@@ -84,5 +88,8 @@ declare const _default: import("vue").DefineComponent<{
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    transition: string;
+    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    fixOnBoundary: boolean;
 }>;
 export default _default;

package/lib/popover/popover.less

@@ -5,66 +5,76 @@
     display: inline-block;
   }
 
-  .bk-popover-content {
-    display: none;
-    padding: 7px 14px;
-    font-size: 12px;
+  .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;
+
+  &[data-theme^='dark'] {
     color: #fff;
     background: #26323d;
-    border-radius: 4px;
-    box-sizing: border-box;
+  }
 
-    &[data-theme='dark'] {
-      color: #fff;
-      background: #26323d;
-    }
+  &[data-theme^='light'] {
+    color: #26323d;
+    background-color: #fff;
+    box-shadow: 0 0 6px 0 #dcdee5;
 
-    &[data-theme='light'] {
-      color: #26323d;
-      background-color: #fff;
+    &[data-show] {
       box-shadow: 0 0 6px 0 #dcdee5;
-
-      &[data-show] {
-        box-shadow: 0 0 6px 0 #dcdee5;
-      }
     }
+  }
 
-    &[data-show] {
-      display: block;
-    }
+  &[data-show] {
+    display: block;
+  }
+
+  .arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background: inherit;
+    visibility: hidden;
 
-    .arrow {
+    &::before {
       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);
-      }
+      content: '';
+      visibility: visible;
+      transform: rotate(45deg);
     }
+  }
 
-    &[data-popper-placement^='top'] > .arrow {
-      bottom: -4px;
-    }
+  &[data-popper-placement^='top'] > .arrow {
+    bottom: -4px;
+  }
 
-    &[data-popper-placement^='bottom'] > .arrow {
-      top: -4px;
-    }
+  &[data-popper-placement^='bottom'] > .arrow {
+    top: -4px;
+  }
 
-    &[data-popper-placement^='left'] > .arrow {
-      right: 0;
-    }
+  &[data-popper-placement^='left'] > .arrow {
+    right: -4px;
+  }
 
-    &[data-popper-placement^='right'] > .arrow {
-      left: -8px;
-    }
+  &[data-popper-placement^='right'] > .arrow {
+    left: -4px;
   }
-}
+}