bkui-vue 0.0.1-beta.337 → 0.0.1-beta.339

package/lib/popover/popover.d.ts

@@ -1,11 +1,6 @@
 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;
     } & {
@@ -30,11 +25,6 @@ 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;
     };
@@ -43,10 +33,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
-        default: () => void;
-    };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -57,33 +43,79 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: () => unknown[];
+        default: number;
     };
-    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: boolean;
+        default: number;
     };
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
     zIndex: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
-    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
-        default: string | (() => string[]);
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
-}, () => 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;
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: string;
+        default: boolean;
+    };
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    reference: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
     };
+}, {
+    boundary: import("vue").Ref<any>;
+    arrow: boolean;
+    refDefaultReference: import("vue").Ref<any>;
+    refContent: import("vue").Ref<any>;
+    refArrow: import("vue").Ref<any>;
+    content: string | number;
+    theme: string;
+    transBoundary: import("vue").ComputedRef<boolean>;
+    handleClickOutside: (_e: MouseEvent) => void;
+    updatePopover: (virtualEl?: any, props?: {}) => void;
+    hide: () => void;
+    show: () => void;
+    stopHide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: (..._args: any[]) => boolean;
+    hide: (..._args: any[]) => boolean;
+    clickoutside: (..._args: any[]) => boolean;
+    contentMouseenter: (..._args: any[]) => boolean;
+    contentMouseleave: (..._args: any[]) => boolean;
+    stopHide: (..._args: any[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -108,11 +140,6 @@ 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;
     };
@@ -121,10 +148,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
-        default: () => void;
-    };
     trigger: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -135,28 +158,66 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: () => unknown[];
+        default: number;
     };
-    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: boolean;
+        default: number;
     };
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
     zIndex: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
-    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
-        default: string | (() => string[]);
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    reference: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
     };
-}>>, {
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+    onClickoutside?: (...args: any[]) => any;
+    onContentMouseenter?: (...args: any[]) => any;
+    onContentMouseleave?: (...args: any[]) => any;
+    onStopHide?: (...args: any[]) => any;
+}, {
     placement: string;
     modifiers: unknown[];
+    offset: number;
     zIndex: number;
     content: string | number;
     arrow: boolean;
@@ -167,10 +228,12 @@ declare const _default: import("vue").DefineComponent<{
     height: string | number;
     isShow: boolean;
     always: boolean;
-    transition: string;
-    stopBehaviors: string | string[];
-    contentCls: string;
-    handleFirstUpdate: import("../shared").OnFirstUpdateFnType;
-    fixOnBoundary: boolean;
+    padding: number;
+    disableTeleport: boolean;
+    autoPlacement: boolean;
+    autoVisibility: boolean;
+    disableOutsideClick: boolean;
+    disableTransform: boolean;
+    reference: any;
 }>;
 export default _default;

package/lib/popover/popover.less

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