bkui-vue 0.0.1-beta.35 → 0.0.1-beta.351

package/lib/popover/popover.d.ts

@@ -1,6 +1,20 @@
 declare const _default: import("vue").DefineComponent<{
+    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;
@@ -11,46 +25,119 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    transition: import("vue-types").VueTypeValidableDef<string> & {
+    placement: import("vue-types").VueTypeDef<"auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+        default: "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    placement: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
+        default: "hover" | "click" | "manual";
     };
-    theme: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: string;
+        default: boolean;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
-        default: () => void;
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
-    trigger: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    offset: import("vue-types").VueTypeDef<number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    }> & {
+        default: number | (() => {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        });
+    };
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: string;
+        default: number;
     };
-    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+    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[];
     };
-    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+    popoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, {
+    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;
     } & {
         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> & {
+    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> & {
@@ -62,56 +149,114 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    transition: import("vue-types").VueTypeValidableDef<string> & {
+    placement: import("vue-types").VueTypeDef<"auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+        default: "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    placement: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
+        default: "hover" | "click" | "manual";
     };
-    theme: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        default: string;
+        default: boolean;
     };
-    handleFirstUpdate: {
-        type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
-        default: () => void;
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
-    trigger: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
+    offset: import("vue-types").VueTypeDef<number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    }> & {
+        default: number | (() => {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        });
+    };
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: string;
+        default: number;
     };
-    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+    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[];
     };
-    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-    fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
+    popoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: boolean;
+        default: number;
     };
-}>>, {
-    width: string | number;
-    height: string | number;
-    placement: string;
+}>> & {
+    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: "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     modifiers: unknown[];
+    offset: number | {
+        mainAxis?: number;
+        crossAxis?: number;
+        alignmentAxis?: number;
+    };
+    zIndex: number;
     content: string | number;
-    theme: string;
-    transition: string;
-    trigger: string;
+    trigger: "hover" | "click" | "manual";
     arrow: boolean;
+    theme: string;
+    disabled: boolean;
+    width: string | number;
+    height: string | number;
     isShow: boolean;
-    handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
-    fixOnBoundary: boolean;
+    always: boolean;
+    padding: number;
+    disableTeleport: boolean;
+    autoPlacement: boolean;
+    autoVisibility: boolean;
+    disableOutsideClick: boolean;
+    disableTransform: boolean;
+    reference: any;
+    popoverDelay: number;
 }>;
 export default _default;

package/lib/popover/popover.less

@@ -1,82 +1,35 @@
 @import '../styles/themes/themes.less';
 
-.@{bk-prefix}-popover {
-  .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;
-
-    &[data-show] {
-      box-shadow: 0 0 6px 0 #dcdee5;
-    }
-  }
-
-  &[data-show] {
-    display: block;
-  }
+    border-radius: 4px;
+    box-sizing: border-box;
 
-  .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;
+      }
+    }
   }
 }