bkui-vue 0.0.1-beta.18 → 0.0.1-beta.180

package/lib/pagination/pagination.less

@@ -36,7 +36,6 @@
     margin-right: 0;
   }
 
-  
 }
 .@{bk-prefix}-pagination-total {
   display: flex;
@@ -45,13 +44,14 @@
 
 .@{bk-prefix}-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 
 .@{bk-prefix}-pagination-list {
   display: flex;
 }
 
+.@{bk-prefix}-pagination-list-pre-batch,
+.@{bk-prefix}-pagination-list-next-batch,
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next,
 .@{bk-prefix}-pagination-list-item {
@@ -66,14 +66,16 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 
-  &:hover,
   &.is-active {
     color: #3a84ff;
-    border-color: #3a84ff;
+    background: #e1ecff;
+  }
+
+  &:hover {
+    background: #f0f1f5;
   }
 
   &.is-disabled {
@@ -84,28 +86,21 @@
   }
 }
 
-.@{bk-prefix}-pagination-list-pre-batch,
-.@{bk-prefix}-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-
-  &:hover {
-    color: #3a84ff;
-  }
-}
-
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+
+  &.is-disabled {
+    color: #dcdee5;
+    cursor: not-allowed;
+    background-color: transparent;
+  }
 }
 
 .@{bk-prefix}-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 
 .@{bk-prefix}-pagination-limit {
@@ -117,14 +112,42 @@
 .@{bk-prefix}-pagination-limit-select {
   width: 60px;
   margin: 0 4px;
+
+  .bk-input {
+    border-color: #f0f1f5;
+  }
+
+  .bk-input--text {
+    background-color: #f0f1f5;
+  }
+
+  &:hover {
+    .bk-input {
+      border-color: #eaebf0;
+    }
+  
+    .bk-input--text {
+      background-color: #eaebf0;
+    }
+  }
+
+  .bk-input {
+    &.is-focused {
+      border-color: #3a84ff;
+
+      .bk-input--text {
+        background-color: #fff;
+      }
+    }
+  }
 }
 .@{bk-prefix}-pagination-small-list {
   display: flex;
-
+  align-items: center;
   .@{bk-prefix}-pagination-picker {
     display: flex;
-    height: 24px;
-    // padding: 0 8px;
+    height: 26px;
+    margin: 0 4px;
     cursor: pointer;
     background-color: #f0f1f5;
     border: 1px solid #f0f1f5;
@@ -132,8 +155,8 @@
     align-items: center;
 
     &:hover {
-      background-color: #e1ecff;
-      border-color: #e1ecff;
+      background-color: #eaebf0;
+      border-color: #eaebf0;
     }
 
     &.is-focused {
@@ -146,7 +169,7 @@
 
 .@{bk-prefix}-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -164,13 +187,17 @@
 .@{bk-prefix}-pagination-btn-pre,
 .@{bk-prefix}-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 
   &:hover {
-    color: #3a84ff
+    color: #3a84ff;
+    background: #f0f1f5;
   }
 
   &.is-disabled {

package/lib/pagination/pagination.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,7 +19,7 @@
   --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;
@@ -31,8 +32,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 +45,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: #c4c6c;
+  --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 +74,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 +105,11 @@
   --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;
 }
 .bk-pagination {
   display: flex;
@@ -126,11 +146,12 @@
 }
 .bk-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 .bk-pagination-list {
   display: flex;
 }
+.bk-pagination-list-pre-batch,
+.bk-pagination-list-next-batch,
 .bk-pagination-list-pre,
 .bk-pagination-list-next,
 .bk-pagination-list-item {
@@ -145,19 +166,26 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 }
-.bk-pagination-list-pre:hover,
-.bk-pagination-list-next:hover,
-.bk-pagination-list-item:hover,
+.bk-pagination-list-pre-batch.is-active,
+.bk-pagination-list-next-batch.is-active,
 .bk-pagination-list-pre.is-active,
 .bk-pagination-list-next.is-active,
 .bk-pagination-list-item.is-active {
   color: #3a84ff;
-  border-color: #3a84ff;
+  background: #e1ecff;
+}
+.bk-pagination-list-pre-batch:hover,
+.bk-pagination-list-next-batch:hover,
+.bk-pagination-list-pre:hover,
+.bk-pagination-list-next:hover,
+.bk-pagination-list-item:hover {
+  background: #f0f1f5;
 }
+.bk-pagination-list-pre-batch.is-disabled,
+.bk-pagination-list-next-batch.is-disabled,
 .bk-pagination-list-pre.is-disabled,
 .bk-pagination-list-next.is-disabled,
 .bk-pagination-list-item.is-disabled {
@@ -166,26 +194,20 @@
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-pagination-list-pre-batch,
-.bk-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-}
-.bk-pagination-list-pre-batch:hover,
-.bk-pagination-list-next-batch:hover {
-  color: #3a84ff;
-}
 .bk-pagination-list-pre,
 .bk-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+}
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  background-color: transparent;
 }
 .bk-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 .bk-pagination-limit {
   display: flex;
@@ -196,12 +218,32 @@
   width: 60px;
   margin: 0 4px;
 }
+.bk-pagination-limit-select .bk-input {
+  border-color: #f0f1f5;
+}
+.bk-pagination-limit-select .bk-input--text {
+  background-color: #f0f1f5;
+}
+.bk-pagination-limit-select:hover .bk-input {
+  border-color: #eaebf0;
+}
+.bk-pagination-limit-select:hover .bk-input--text {
+  background-color: #eaebf0;
+}
+.bk-pagination-limit-select .bk-input.is-focused {
+  border-color: #3a84ff;
+}
+.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
+  background-color: #fff;
+}
 .bk-pagination-small-list {
   display: flex;
+  align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker {
   display: flex;
-  height: 24px;
+  height: 26px;
+  margin: 0 4px;
   cursor: pointer;
   background-color: #f0f1f5;
   border: 1px solid #f0f1f5;
@@ -209,8 +251,8 @@
   align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker:hover {
-  background-color: #e1ecff;
-  border-color: #e1ecff;
+  background-color: #eaebf0;
+  border-color: #eaebf0;
 }
 .bk-pagination-small-list .bk-pagination-picker.is-focused {
   background-color: #fff;
@@ -219,7 +261,7 @@
 }
 .bk-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -237,14 +279,18 @@
 .bk-pagination-btn-pre,
 .bk-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 }
 .bk-pagination-btn-pre:hover,
 .bk-pagination-btn-next:hover {
   color: #3a84ff;
+  background: #f0f1f5;
 }
 .bk-pagination-btn-pre.is-disabled,
 .bk-pagination-btn-next.is-disabled {

package/lib/pagination/type.d.ts

@@ -2,5 +2,5 @@ import type { ComponentPublicInstance } from 'vue';
 import type { PaginationProps } from './pagination';
 export declare type IPaginationInstance = ComponentPublicInstance<PaginationProps, {
     limit: PaginationProps['limit'];
-    pageNum: number;
+    totalPageNum: number;
 }>;

package/lib/plugins/index.d.ts

@@ -0,0 +1 @@
+export { $bkPopover } from '@bkui-vue/popover2';

package/lib/plugins/index.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../popover2"));else if("function"==typeof define&&define.amd)define(["../popover2"],o);else{var r="object"==typeof exports?o(require("../popover2")):o(e["../popover2"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,(e=>(()=>{"use strict";var o={6175:o=>{o.exports=e}},r={};function t(e){var p=r[e];if(void 0!==p)return p.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,t),n.exports}t.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return t.d(o,{a:o}),o},t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{t.r(p),t.d(p,{$bkPopover:()=>e.$bkPopover});var e=t(6175)})(),p})()));

package/lib/popover/index.d.ts

@@ -5,19 +5,37 @@ declare const BkPopover: {
         $props: Partial<{
             placement: string;
             modifiers: unknown[];
-            width: string | number;
-            height: string | number;
-            theme: string;
+            zIndex: number;
             content: string | number;
+            disabled: boolean;
             trigger: string;
             arrow: boolean;
+            theme: string;
+            width: string | number;
+            height: string | number;
             isShow: boolean;
+            always: boolean;
             transition: string;
+            stopBehaviors: string | string[];
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & Omit<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;
@@ -66,7 +84,15 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "width" | "height" | "theme" | "content" | "trigger" | "arrow" | "isShow" | "transition" | "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" | "disabled" | "trigger" | "arrow" | "theme" | "width" | "height" | "isShow" | "always" | "transition" | "stopBehaviors" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -81,8 +107,22 @@ 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;
             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;
@@ -131,17 +171,29 @@ 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, {
             placement: string;
             modifiers: unknown[];
-            width: string | number;
-            height: string | number;
-            theme: string;
+            zIndex: number;
             content: string | number;
+            disabled: boolean;
             trigger: string;
             arrow: boolean;
+            theme: string;
+            width: string | number;
+            height: string | number;
             isShow: boolean;
+            always: boolean;
             transition: string;
+            stopBehaviors: string | string[];
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & {
@@ -165,8 +217,22 @@ 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;
         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;
@@ -215,13 +281,35 @@ 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;
     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;
@@ -270,17 +358,29 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
+    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[];
-    width: string | number;
-    height: string | number;
-    theme: string;
+    zIndex: number;
     content: string | number;
+    disabled: boolean;
     trigger: string;
     arrow: boolean;
+    theme: string;
+    width: string | number;
+    height: string | number;
     isShow: boolean;
+    always: boolean;
     transition: string;
+    stopBehaviors: string | string[];
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;

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";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})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=Object.assign({isShow:e.PropTypes.bool.def(!1),always:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),transition:e.PropTypes.string.def("fade-in"),placement:e.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:e.PropTypes.string.def("dark"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),zIndex:e.PropTypes.number.def(void 0),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.ref)(0),s=(0,t.toRefs)(o),p=s.width,u=s.height,d=s.theme,f=s.trigger,l=s.isShow,c=s.placement,v=s.modifiers,y=s.arrow,m=s.content,h=(0,t.ref)(),b=(0,t.ref)(),T=(0,t.computed)((function(){return{width:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,height:/^\d+$/.test(String(u.value))?"".concat(u.value,"px"):u.value,zIndex:i.value}})),g=["dark","light"],P=(0,t.computed)((function(){var e=d.value.split(/\s+/);return e.sort((function(e,t){return Number(g.includes(t))-Number(g.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!g.includes(e)}))}})),w=function(t){var r,s;if(n){if(t)return i.value="number"==typeof o.zIndex?o.zIndex:e.bkZIndexManager.getModalNextIndex(),void(null===(r=a.show)||void 0===r||r.call(a));null===(s=a.hide)||void 0===s||s.call(a)}};(0,t.watch)((function(){return o.isShow}),(function(e){w(e)}),{immediate:!0});var x=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},O=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},S=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},j=function(){a=new e.BKPopover(h.value,b.value,{theme:P.value.systemThemes.join(" "),placement:c.value,trigger:f.value,modifiers:v.value,onFirstUpdate:o.handleFirstUpdate,afterShow:O,afterHidden:x,appendTo:o.boundary,always:o.always,disabled:o.disabled,fixOnBoundary:o.fixOnBoundary}),n=!0,l.value&&w(l.value)},B=function(){S(),(0,t.nextTick)(j)};r.expose({update:B}),(0,t.onMounted)(B),(0,t.onBeforeUnmount)(S);var k=function(){r.emit("after-enter")},I=function(){r.emit("after-leave")},N=P.value.customThemes.join(" "),A=P.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{}),F="bk-popover-content ".concat(N),M=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:h,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:k,onAfterLeave:I},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:b,class:F,style:T.value},A,{onClick:M}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:m.value,y.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));

package/lib/popover/popover.css

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