bkui-vue 0.0.1-beta.3 → 0.0.1-beta.30

package/lib/pagination/use-small-list.d.ts

@@ -0,0 +1,5 @@
+declare const _default: () => {
+    current: import("vue").Ref<number>;
+    render: () => JSX.Element;
+};
+export default _default;

package/lib/pagination/use-total.d.ts

@@ -0,0 +1,5 @@
+declare const _default: () => ({ isFirst, isLast }: {
+    isFirst: any;
+    isLast: any;
+}) => JSX.Element;
+export default _default;

package/lib/popover/index.d.ts

@@ -0,0 +1,287 @@
+declare const BkPopover: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: string | number;
+            height: string | number;
+            placement: string;
+            modifiers: unknown[];
+            content: string | number;
+            theme: string;
+            transition: string;
+            trigger: string;
+            arrow: boolean;
+            isShow: boolean;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            transition: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            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<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "handleFirstUpdate" | "fixOnBoundary">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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) | ((event: string, ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            transition: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            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<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            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, {
+            width: string | number;
+            height: string | number;
+            placement: string;
+            modifiers: unknown[];
+            content: string | number;
+            theme: string;
+            transition: string;
+            trigger: string;
+            arrow: boolean;
+            isShow: boolean;
+            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            fixOnBoundary: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        transition: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        placement: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        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<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    transition: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    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<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    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, {
+    width: string | number;
+    height: string | number;
+    placement: string;
+    modifiers: unknown[];
+    content: string | number;
+    theme: string;
+    transition: string;
+    trigger: string;
+    arrow: boolean;
+    isShow: boolean;
+    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"),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){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(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:t.PropTypes.bool,width:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),height:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto"),content:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def(""),transition:t.PropTypes.string.def("fade-in"),placement:t.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:t.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:t.PropTypes.string.def("hover"),arrow:t.PropTypes.bool.def(!0),modifiers:t.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:t.PropTypes.bool.def(!1)},u=o.defineComponent({name:"Popover",props:i,setup:function(e,n){var r=!1,i=Object.create(null),u=o.toRefs(e),s=u.width,p=u.height,d=u.theme,l=u.trigger,f=u.isShow,c=u.placement,v=u.modifiers,m=u.arrow,h=u.content,y=o.ref(),T=o.ref(),b=o.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:t.bkZIndexManager.getModalNextIndex()}})),g=["dark","light"],P=o.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){var t,o;"manual"===l.value&&r&&(e?null===(t=i.show)||void 0===t||t.call(i):null===(o=i.hide)||void 0===o||o.call(i))};o.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 t.BKPopover(y.value,T.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:l.value,modifiers:v.value,onFirstUpdate:e.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:e.boundary,fixOnBoundary:e.fixOnBoundary}),r=!0,w(f.value)},k=function(){S(),o.nextTick(j)};n.expose({update:k}),o.onMounted(k),o.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 t,r,a,i,u;return o.createVNode("div",{class:"bk-popover","data-bk-pop-container":!0},[o.createVNode("div",{ref:y,class:"bk-popover-reference"},[null===(r=(t=n.slots).default)||void 0===r?void 0:r.call(t)]),o.createVNode(o.Transition,{name:e.transition,onAfterEnter:N,onAfterLeave:M},{default:function(){return[o.createVNode("div",o.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,m.value&&o.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=t.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/popover/popover.css

@@ -1,39 +1,48 @@
 .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: 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'] {
+.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;
+  z-index: -1;
   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;
@@ -42,15 +51,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 {
+.bk-popover-content[data-popper-placement^='left'] > .arrow {
   right: -4px;
 }
-.bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
+.bk-popover-content[data-popper-placement^='right'] > .arrow {
   left: -4px;
 }

package/lib/popover/popover.d.ts

@@ -11,17 +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: {
+        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+        default: () => void;
     };
-    /**
-     * 触发方式
-     * 支持 click hover manual
-     * manual： 通过isShow控制显示、隐藏
-     */
     trigger: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -37,52 +43,75 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: () => unknown[];
     };
-    onFirstUpdate: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...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[];
+    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<import("vue").ExtractPropTypes<{
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    transition: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    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<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, {
     width: string | number;
     height: string | number;
-    theme: string;
-    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;
+    theme: string;
+    transition: string;
     trigger: string;
     arrow: boolean;
+    isShow: boolean;
+    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    fixOnBoundary: boolean;
 }>;
 export default _default;

package/lib/popover/popover.less

@@ -5,67 +5,78 @@
     display: inline-block;
   }
 
-  .bk-popover-content {
-    display: none;
-    padding: 4px 8px;
-    font-size: 13px;
-    font-weight: bold;
+  .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;
+    z-index: -1;
+    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: -4px;
-    }
+  &[data-popper-placement^='left'] > .arrow {
+    right: -4px;
+  }
 
-    &[data-popper-placement^='right'] > .arrow {
-      left: -4px;
-    }
+  &[data-popper-placement^='right'] > .arrow {
+    left: -4px;
   }
-}
+}