bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230

package/lib/popover/index.d.ts

@@ -1,23 +1,49 @@
+export { PopoverProps } from './props';
+export type { PopoverPropTypes } from './props';
 declare const BkPopover: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: string | number;
-            height: string | number;
             placement: string;
             modifiers: unknown[];
+            zIndex: number;
             content: string | number;
+            arrow: boolean;
             theme: string;
-            transition: string;
+            disabled: boolean;
             trigger: string;
-            arrow: boolean;
+            width: string | number;
+            height: string | number;
             isShow: boolean;
-            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            always: boolean;
+            transition: string;
+            stopBehaviors: string | string[];
+            contentCls: string;
+            handleFirstUpdate: import("../shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            contentCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             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;
@@ -42,7 +68,7 @@ declare const BkPopover: {
                 default: string;
             };
             handleFirstUpdate: {
-                type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+                type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
                 default: () => void;
             };
             trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -66,7 +92,15 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "handleFirstUpdate" | "fixOnBoundary">;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "zIndex" | "content" | "arrow" | "theme" | "disabled" | "trigger" | "width" | "height" | "isShow" | "always" | "transition" | "stopBehaviors" | "contentCls" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -81,8 +115,27 @@ declare const BkPopover: {
         $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            contentCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             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;
@@ -107,7 +160,7 @@ declare const BkPopover: {
                 default: string;
             };
             handleFirstUpdate: {
-                type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+                type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
                 default: () => void;
             };
             trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -131,18 +184,31 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
-            width: string | number;
-            height: string | number;
             placement: string;
             modifiers: unknown[];
+            zIndex: number;
             content: string | number;
+            arrow: boolean;
             theme: string;
-            transition: string;
+            disabled: boolean;
             trigger: string;
-            arrow: boolean;
+            width: string | number;
+            height: string | number;
             isShow: boolean;
-            handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            always: boolean;
+            transition: string;
+            stopBehaviors: string | string[];
+            contentCls: string;
+            handleFirstUpdate: import("../shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -165,8 +231,27 @@ declare const BkPopover: {
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        contentCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         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;
@@ -191,7 +276,7 @@ declare const BkPopover: {
             default: string;
         };
         handleFirstUpdate: {
-            type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+            type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
             default: () => void;
         };
         trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -215,13 +300,40 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+            default: string | (() => string[]);
+        };
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    contentCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     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;
@@ -246,7 +358,7 @@ declare const BkPopover: {
         default: string;
     };
     handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+        type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
         default: () => void;
     };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -270,18 +382,31 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
-    width: string | number;
-    height: string | number;
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "afterShow" | "afterHidden" | "update:isShow", {
     placement: string;
     modifiers: unknown[];
+    zIndex: number;
     content: string | number;
+    arrow: boolean;
     theme: string;
-    transition: string;
+    disabled: boolean;
     trigger: string;
-    arrow: boolean;
+    width: string | number;
+    height: string | number;
     isShow: boolean;
-    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    always: boolean;
+    transition: string;
+    stopBehaviors: string | string[];
+    contentCls: string;
+    handleFirstUpdate: import("../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("../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,f=u.trigger,l=u.isShow,c=u.placement,m=u.modifiers,v=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){"manual"===f.value&&r&&(e?i.show():i.hide())};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: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(),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,v&&o.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=t.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{PopoverProps:()=>r,default:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=Object.assign({contentCls:e.PropTypes.string.def(""),isShow:e.PropTypes.bool.def(!1),always:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),transition:e.PropTypes.string.def("fade-in"),placement:e.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:e.PropTypes.string.def("dark"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),zIndex:e.PropTypes.number.def(void 0),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.ref)(0),s=(0,t.toRefs)(o),p=s.width,u=s.height,d=s.theme,f=s.trigger,l=s.isShow,c=s.placement,v=s.modifiers,y=s.arrow,m=s.content,h=(0,t.ref)(),b=(0,t.ref)(),T=(0,t.computed)((function(){return{width:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,height:/^\d+$/.test(String(u.value))?"".concat(u.value,"px"):u.value,zIndex:i.value}})),P=["dark","light"],g=(0,t.computed)((function(){var e=d.value.split(/\s+/);return e.sort((function(e,t){return Number(P.includes(t))-Number(P.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!P.includes(e)}))}})),w=function(t){var r,s;if(n){if(t)return i.value="number"==typeof o.zIndex?o.zIndex:e.bkZIndexManager.getModalNextIndex(),void(null===(r=a.show)||void 0===r||r.call(a));null===(s=a.hide)||void 0===s||s.call(a)}};(0,t.watch)((function(){return o.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},O=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},S=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},j=function(){a=new e.BKPopover(h.value,b.value,{theme:g.value.systemThemes.join(" "),placement:c.value,trigger:f.value,modifiers:v.value,onFirstUpdate:o.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:o.boundary,always:o.always,disabled:o.disabled,fixOnBoundary:o.fixOnBoundary}),n=!0,l.value&&w(l.value)},B=function(){S(),(0,t.nextTick)(j)};r.expose({update:B}),(0,t.onMounted)(B),(0,t.onBeforeUnmount)(S);var k=function(){r.emit("after-enter")},I=function(){r.emit("after-leave")},N=(0,t.computed)((function(){return g.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{})})),A=(0,t.computed)((function(){var e=g.value.customThemes.join(" ");return"bk-popover-content ".concat(e," ").concat(o.contentCls).trim()})),F=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:h,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:k,onAfterLeave:I},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:b,class:A.value,style:T.value},N.value,{onClick:F}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:m.value,y.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));

package/lib/popover/popover.css

@@ -1,3 +1,6 @@
+.bk-popover {
+  display: inline-block;
+}
 .bk-popover .bk-popover-reference {
   display: inline-block;
 }

package/lib/popover/popover.d.ts

@@ -1,6 +1,25 @@
 declare const _default: import("vue").DefineComponent<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    contentCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     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;
@@ -25,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+        type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
         default: () => void;
     };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -49,9 +68,36 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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<{
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "afterShow" | "afterHidden" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    contentCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     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;
@@ -76,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+        type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
         default: () => void;
     };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
@@ -100,18 +146,31 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
 }>>, {
-    width: string | number;
-    height: string | number;
     placement: string;
     modifiers: unknown[];
+    zIndex: number;
     content: string | number;
+    arrow: boolean;
     theme: string;
-    transition: string;
+    disabled: boolean;
     trigger: string;
-    arrow: boolean;
+    width: string | number;
+    height: string | number;
     isShow: boolean;
-    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    always: boolean;
+    transition: string;
+    stopBehaviors: string | string[];
+    contentCls: string;
+    handleFirstUpdate: import("../shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }>;
 export default _default;

package/lib/popover/popover.less

@@ -1,6 +1,8 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-popover {
+  display: inline-block;
+
   .bk-popover-reference {
     display: inline-block;
   }

package/lib/popover/popover.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -18,10 +19,11 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -31,8 +33,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -43,6 +46,15 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -63,12 +75,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -90,6 +106,19 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
+.bk-popover {
+  display: inline-block;
 }
 .bk-popover .bk-popover-reference {
   display: inline-block;

package/lib/popover/props.d.ts

@@ -1,8 +1,27 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { OnFirstUpdateFnType } from '@bkui-vue/shared';
+import { OnFirstUpdateFnType } from '../shared';
 export declare const PopoverProps: {
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    contentCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     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;
@@ -22,7 +41,7 @@ export declare const PopoverProps: {
         default: string;
     };
     /**
-     * 展示位置
+     * 组件显示位置
      */
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
@@ -73,5 +92,18 @@ export declare const PopoverProps: {
     } & {
         default: boolean;
     };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 弹出框鼠标点击事件是否阻止的点击事件行为
+     * 支持 stopPropagation stopImmediatePropagation preventDefault
+     * 用于在嵌套弹出或者元素定位导致的点击触发关闭问题
+     */
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
 };
 export declare type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;

package/lib/popover2/arrow.d.ts

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

package/lib/popover2/const.d.ts

@@ -0,0 +1,16 @@
+export declare const enum EMIT_EVENTS {
+    SHOW = "show",
+    HIDE = "hide",
+    CLICK_OUTSIDE = "clickoutside",
+    CONTENT_MOUSEENTER = "contentMouseenter",
+    CONTENT_MOUSELEAVE = "contentMouseleave",
+    STOP_HIDE = "stopHide"
+}
+export declare const EMIT_EVENT_TYPES: {
+    show: (..._args: any[]) => boolean;
+    hide: (..._args: any[]) => boolean;
+    clickoutside: (..._args: any[]) => boolean;
+    contentMouseenter: (..._args: any[]) => boolean;
+    contentMouseleave: (..._args: any[]) => boolean;
+    stopHide: (..._args: any[]) => boolean;
+};

package/lib/popover2/content.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<{
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+}, {
+    style: import("vue").ComputedRef<{
+        width: string | number;
+        height: string | number;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+}>>, {
+    width: string | number;
+    height: string | number;
+}>;
+export default _default;