bkui-vue 0.0.1-beta.128 → 0.0.1-beta.130

package/lib/menu/menu.variable.css

@@ -19,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;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -129,6 +129,49 @@
   content: '';
   visibility: hidden;
 }
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0px 0px 6px 0px;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .collapse {
   width: var(--menu-collapse-width);
 }

package/lib/menu/submenu.variable.css

@@ -19,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;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/message/message.variable.css

@@ -19,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;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/navigation/index.d.ts

@@ -1,4 +1,240 @@
-declare const Navigation: import("vue").DefineComponent<{
+declare const Navigation: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            sideTitle: string;
+            navigationType: import("./navigation").BkNavigationType;
+            navWidth: string | number;
+            hoverWidth: string | number;
+            showSideNavTitle: boolean;
+            headerTitle: string;
+            hoverLeaveDelay: number;
+            hoverEnterDelay: number;
+            defaultOpen: boolean;
+            headHeight: string | number;
+            needMenu: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            navWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            hoverWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            showSideNavTitle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            sideTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            headerTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            hoverLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            hoverEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultOpen: BooleanConstructor;
+            headHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            navigationType: {
+                type: import("vue").PropType<import("./navigation").BkNavigationType>;
+                default: string;
+                validator(v: import("./navigation").BkNavigationType): boolean;
+            };
+            needMenu: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
+            "onToggle-click"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sideTitle" | "navigationType" | "navWidth" | "hoverWidth" | "showSideNavTitle" | "headerTitle" | "hoverLeaveDelay" | "hoverEnterDelay" | "defaultOpen" | "headHeight" | "needMenu">;
+        $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: "hover" | "toggle" | "leave" | "toggle-click", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            navWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            hoverWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            showSideNavTitle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            sideTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            headerTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            hoverLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            hoverEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultOpen: BooleanConstructor;
+            headHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            navigationType: {
+                type: import("vue").PropType<import("./navigation").BkNavigationType>;
+                default: string;
+                validator(v: import("./navigation").BkNavigationType): boolean;
+            };
+            needMenu: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
+            "onToggle-click"?: (...args: any[]) => any;
+        }, {
+            defaultHeaderTitle: import("vue").Ref<string>;
+            nav: {
+                click: boolean;
+                hover: boolean;
+                delay: boolean;
+                timer: any;
+                enterTimer: any;
+            };
+            onBeforeUnmount: (hook: () => any, target?: import("vue").ComponentInternalInstance) => false | Function;
+            handleMouseOver: () => void;
+            handleMouseLeave: () => void;
+            handleClick: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "toggle" | "leave" | "toggle-click")[], string, {
+            sideTitle: string;
+            navigationType: import("./navigation").BkNavigationType;
+            navWidth: string | number;
+            hoverWidth: string | number;
+            showSideNavTitle: boolean;
+            headerTitle: string;
+            hoverLeaveDelay: number;
+            hoverEnterDelay: number;
+            defaultOpen: boolean;
+            headHeight: string | number;
+            needMenu: 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<{
+        navWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        hoverWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        showSideNavTitle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sideTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        headerTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        hoverLeaveDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        hoverEnterDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        defaultOpen: BooleanConstructor;
+        headHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        navigationType: {
+            type: import("vue").PropType<import("./navigation").BkNavigationType>;
+            default: string;
+            validator(v: import("./navigation").BkNavigationType): boolean;
+        };
+        needMenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onHover?: (...args: any[]) => any;
+        onLeave?: (...args: any[]) => any;
+        onToggle?: (...args: any[]) => any;
+        "onToggle-click"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        defaultHeaderTitle: import("vue").Ref<string>;
+        nav: {
+            click: boolean;
+            hover: boolean;
+            delay: boolean;
+            timer: any;
+            enterTimer: any;
+        };
+        onBeforeUnmount: (hook: () => any, target?: import("vue").ComponentInternalInstance) => false | Function;
+        handleMouseOver: () => void;
+        handleMouseLeave: () => void;
+        handleClick: () => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     navWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -41,6 +277,11 @@ declare const Navigation: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+}>> & {
+    onHover?: (...args: any[]) => any;
+    onLeave?: (...args: any[]) => any;
+    onToggle?: (...args: any[]) => any;
+    "onToggle-click"?: (...args: any[]) => any;
 }, {
     defaultHeaderTitle: import("vue").Ref<string>;
     nav: {
@@ -54,55 +295,7 @@ declare const Navigation: import("vue").DefineComponent<{
     handleMouseOver: () => void;
     handleMouseLeave: () => void;
     handleClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "toggle" | "leave" | "toggle-click")[], "hover" | "toggle" | "leave" | "toggle-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    navWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    hoverWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    showSideNavTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sideTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    headerTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    hoverLeaveDelay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    hoverEnterDelay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    defaultOpen: BooleanConstructor;
-    headHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    navigationType: {
-        type: import("vue").PropType<import("./navigation").BkNavigationType>;
-        default: string;
-        validator(v: import("./navigation").BkNavigationType): boolean;
-    };
-    needMenu: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onHover?: (...args: any[]) => any;
-    onLeave?: (...args: any[]) => any;
-    onToggle?: (...args: any[]) => any;
-    "onToggle-click"?: (...args: any[]) => any;
-}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "toggle" | "leave" | "toggle-click")[], "hover" | "toggle" | "leave" | "toggle-click", {
     sideTitle: string;
     navigationType: import("./navigation").BkNavigationType;
     navWidth: string | number;
@@ -114,5 +307,5 @@ declare const Navigation: import("vue").DefineComponent<{
     defaultOpen: boolean;
     headHeight: string | number;
     needMenu: boolean;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default Navigation;

package/lib/navigation/navigation.variable.css

@@ -19,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;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/notify/notify.variable.css

@@ -19,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;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;